Javascript 只为少数jquery日期选择器定制css？

我在表单上有几个Jquery日期选择器

$('#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调用中隐藏一些字段，在最后一个调用中没有任何更改。如果我写了这样的东西，它会改变datepicker的所有实例

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

---

Thx以获取帮助。

您可以在日期选择器上选择事件，如下所示

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

有关更多文档，请参阅

---

希望这对我有帮助……

这段代码非常适合我：

$('#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:

---

见Thx。我在节目开始前仔细研究，找到了解决办法。但之前展示更方便。

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