jquery - 日期选择器 onSelect

Question

这个问题已经有答案了:

jQuery - how to alter Datepicker settings after it has been initialized (3 个回答)

已关闭 6 年前。

我有一个输入 [date_caisse]，其类:datepicker-inline AND id:[date_caisse]

我在所有网页上都初始化了此函数:

function InitEvents () {

$('.datepicker-inline').datepicker({

    showButtonPanel: true,  /*added by oussama*/
    changeMonth: true, /*added by oussama*/
    changeYear: true, /*added by oussama*/
    firstDay: 1,
    dateFormat: 'yy-mm-dd',/*'dd/mm/yy'*/
    onSelect: function (dateText, inst) {
        //alert('select!');
        id = $(this).attr('id');
        parts = id.split('-');
        id2 = parts[parts.length -1];
        $('#datepicker-target-id-' + id2).val(dateText);
    }
});

}

我只想在当前页面上应用 onSelect，所以这就是我所做的:

$('#date_caisse').datepicker({

    onSelect: function (dateText, inst) {
        alert('select!');
    }
});

当我将 alert('select!'); 放在主 js 文件(在所有页面中调用)上时，它就可以工作了!但当我尝试通过当前文件触发操作时却没有。

也许，onSelect 不应该被调用两次。

那么，有人可以帮助我吗？

谢谢，祝你有美好的一天!

Answer 1

您是否将第二个函数放入 jquery 初始化 block 中？我的意思是，它应该看起来像

$(function(){
   $('#date_caisse').datepicker({
      onSelect: function (dateText, inst) {
         alert('select!');
      }
   });
});

编辑:

好的，我明白了。第一次初始化日期选择器时，原始 dom 元素会添加一个名为 hasDatepicker 的新类来标记，以防止后续初始化/重新配置。我发现摆脱它的方法是在对日期选择器的配置进行任何修改之前删除该标记。因此:

$(function() {
   $('#date_caisse').removeClass('hasDatepicker');
   $('#date_caisse').datepicker({
       onSelect: function(dateText, inst) {
           alert('overridden!');
       }
   });
});

尝试一下!