只有幾個jquery datepickers的自定義CSS？

我在窗體上有幾個jquery datepickers。只有幾個jquery datepickers的自定義CSS？

$('#start, #end').datepicker({ 
    changeYear: true, 
    dateFormat: 'yy', 
    onChangeMonthYear: function (dateText, inst) { 
     var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
     $(this).datepicker('setDate', new Date(year, 1)); 
    } 
}); 

$("#fulldate").datepicker({dateFormat: "dd-mm-yy"});

我需要隱藏第一次日期選擇器調用中的一些字段，並且上次調用中沒有任何更改。如果我寫這樣的東西，它會改變datepicker的所有實例。

.ui-datepicker-calendar, .ui-datepicker-month { 
    display: none; 
}

Thx尋求幫助。

來源

2014-10-08 Doom

見http://stackoverflow.com/questions/6832622/how-to-add-a-custom-class-to-my-jquery-ui-datepicker – 2014-10-08 11:31:14

THX。我在挖掘顯示之前挖掘出解決方案。 – Doom 2014-10-08 13:11:08

此代碼工作完美對我來說：

$('#start, #end').datepicker({ 
    changeYear: true, 
    dateFormat: 'yy', 
    beforeShow: function(dateText, inst) { 
     if ($(this).hasClass('hideCalendar')){ 
      $(inst.dpDiv).addClass('calendar-off'); 
     } else 
      $(inst.dpDiv).removeClass('calendar-off'); 
    }, 
    onChangeMonthYear: function (dateText, inst) { 
     var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
     $(this).datepicker('setDate', new Date(year, 1)); 
    } 
});

個

CSS：

.calendar-off table.ui-datepicker-calendar { 
    display:none !important; 
}

來源

2014-10-08 13:15:06 Doom

你可以在日期選擇器使用事件ONSELECT進一步提供文件如下

$('Your-Selector').datepicker({ 
onSelect : function(){ 
} 
});

參考this link

希望這有助於.......

來源

2014-10-08 11:17:46 Mayank

Thx。但之前顯示更方便。 – Doom 2014-10-08 13:12:39

只有幾個jquery datepickers的自定義CSS？

回答

相關問題