Onshow datepicker事件

时间:2016-07-16 11:28:16

标签: jquery datepicker

我希望在显示时将类添加到datepicker。我写了这段代码,但没有工作。

怎么做?

$(targetEl).datepicker({
      dateFormat: "yy/mm/dd",
      changeMonth: true,
      changeYear: true,
      yearRange: "-100:-13",
      defaultDate: "-13y",
      regional: '',
      isRTL: true,
      onShow: function () { $("#ui-datepicker-div").addClass("DatePikerEN"); }

});

2 个答案:

答案 0 :(得分:4)

文档中未提及onShow事件。请改用beforeShow

$('#datepicker').datepicker({
        dateFormat: "yy/mm/dd",
        changeMonth: true,
        changeYear: true,
        yearRange: "-100:-13",
        defaultDate: "-13y",
        regional: '',
        isRTL: true,
        beforeShow: function () { 
            alert('show');
            $("#ui-datepicker-div").addClass("DatePikerEN"); 
        }
 });

Demo

答案 1 :(得分:0)

标记答案完全有效!

但是如果在某些情况下存在多个日期选择器,那么<​​br/> 那么您应该使用当前datepicker的实例,并仅定位一个datepicker控件

$('#datepicker').datepicker({
        dateFormat: "yy/mm/dd",
        changeMonth: true,
        changeYear: true,
        yearRange: "-100:-13",
        defaultDate: "-13y",
        regional: '',
        isRTL: true,
        beforeShow: function (elem,dp) { 
            dp.dpDiv.addClass("DatePikerEN"); 
        }
 });