javascript - 只有少数 jquery datepickers 的自定义 css？

Question

我在表单上有几个 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;
 }

感谢帮助。

Answer 1

这段代码非常适合我:

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