Question

我想在页面上显示两个日期选择器一个人只需要一个月和一年另一个也需要有几天。

所以我只能创建月/年与

$(function() {        


    $( "#datepickerTEXT" ).datepicker({
                    changeMonth : true,
                    changeYear : true,
                    showButtonPanel : true,
                    dateFormat: 'mm/yy',
                    defaultDate: $.datepicker.parseDate('dd/mm/yy', "01/"+$("#datepickerTEXT").val()), 
                    onClose : function(dateText, inst) {
                        var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                        var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                        $(this).datepicker('setDate', new Date(year, month, 1));
                    }
                });


});

但是当我申请时

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

这也会影响我的默认日期选择器。有没有更好的方法。

我应该如何更改每个日期选择器之间的样式？

编辑：我正在使用ui-datepicker-calendar，因为这是为jquery日历框设置样式的类。对于我页面上的一个datepicker实例，我希望它隐藏在另一个我希望它显示的地方。

Answer 1

如果您尝试单独定位具有样式的特定日期选择器，那么您不能这样做：

#datepickerTEXT {
  display:none;
}

Answer 2

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

$("#changeDate").datepicker({
       beforeShow: function(input, inst) {
         $(inst.dpDiv).addClass('calendar-off');     
       }
})

请参阅Benno的回答@ jQuery datepicker - change display of .ui-datepicker-calendar after init

jquery datepicker一个月只有其他一天

2 个答案: