jquery-ui - jQuery UIのdatepicker選択ボックスに選択をどのように適用しますか?

Question

日付ピッカーカレンダーの上に表示されるスタイル選択ボックスを知っている人はいますか :

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

選ばれた

ui-datepicker-div内で選択するために適用しようとしましたが、運がありません。

ここに再生するコードがあります

誰でもそれを正しく行う方法を知っていますか?

Answer 1

これで解決。:)

日付ピッカーの _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();
    });

});

デモを見る！

月を選択すると、カレンダー全体がリセットされるようです。したがって、選択されたものが本質的に適用されるように、初期化を拡張する方法が本当に必要です。