如何将选择应用于jQuery UI datepicker选择框？

Question

anyboady是否知道datepicker日历顶部显示的样式选择框：

$('.input-field').datepicker();

chosen

我尝试将其应用于 ui-datepicker-div 内部，但没有运气。

here is code to play

anyboady知道怎么做吗？

Answer 1

这解决了它。 ：）

使用我之前的回复中提供的概念扩展datepicker的_updateDatepicker函数。

var updateDatepickerOriginal = $.datepicker._updateDatepicker;
$.datepicker._updateDatepicker = function(){
  var response = updateDatepickerOriginal.apply(this,arguments);
  this.dpDiv.find('select').chosen();
  return response;
};

Answer 2

几乎有效：点击输入字段后，将.chosen（）应用于每个选择。 ：）

$("#the_date_input_field").click(function(event){

    $("#ui-datepicker-div select").each(function() {
        $(this).chosen();
    });

});

View demo!

选择一个月似乎会重置整个日历。 因此，确实需要一种方法来扩展初始化，以便选择性地应用。