javascript - Jquery UI 多日期选择器选择

Question

您好，我有几个日期选择器都属于同一类 .datepicker 我有一个函数可以执行任何日期选择器的 onSelect。但是我想在选择一个特定的日期选择器时执行另一个函数我试图对特定的日期选择器分配一个单独的日期选择器我想要一个单独的函数但似乎无法让它工作

原始日期选择器类

 $(".datepicker").datepicker({

            dateFormat: 'yy-mm-dd',
            showButtonPanel: true,
            onSelect: function (date_check) { }

})

我的特定目标日期选择器也包含日期选择器类。

$("#myDate").datepicker({

                dateFormat: 'yy-mm-dd',
                showButtonPanel: true,
                onSelect: function (date_assign) { }

    })

我的问题是:

有没有一种方法可以使用 .datepicker 类来定位特定的日期选择器，以对该特定的日期选择器执行辅助 onSelect 函数。或者有什么不同的方法吗？

*注意日期选择器必须能够执行 .datepicker 类下的原始功能和新功能。

更新

<input class="datepicker" id="a"> </input>
<input class="datepicker" id="b"> </input>
<input class="datepicker" id="myDate"> </input>

在选择 a 或 b 或 myDate 时运行原始的 .datepicker onSelect 函数

在选择特定的 myDate 时运行原始的 .datepicker onSelect 并运行一个单独的 onSelect 函数。

Answer 1

创建一个自定义事件然后触发它，将参数从选择传递到自定义事件:

$('#myDate').on('customevent', function(e, dateText, inst) {
  alert('custom triggered' + dateText);
});
$(".datepicker").datepicker({
  dateFormat: 'yy-mm-dd',
  showButtonPanel: true,
  onSelect: function(dateText, inst) {
    if ($(this).is('#myDate')) {
      $('#myDate').trigger("customevent", [dateText, inst]);
    }
    // do universal code
    alert('Date:' + dateText);
  }
});

在这里试一试:https://jsfiddle.net/MarkSchultheiss/3grqL8c9/