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;
}

Answer 2

您可以在datepicker上使用 onSelect 上的事件，如下所示

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

有关进一步的文档，请参阅this link

希望这有助于.......

只有少数jquery日期选择器的自定义css？

2 个答案: