1

私の目標は、jquery-uiの日付ピッカーのように2つの選択で同じ日付を表示できるようにすることです。

このhttp://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.htmlに基づいてhttp://jsfiddle.net/grappler/bzPYg/3/を作成しました

これが私のコードです。元のコードでは、日付ピッカーで新しい日付を選択すると、選択ボタンでも日付が変更されます。新しい設定では、日付は変更されず、1つのフィールドに月と年を含める方法がわかりません。

フィドル

私を正しい方向に向ける手助けをしてくれてありがとう。

4

1 に答える 1

1

jQuery datepickerには、バインドしていた古いプラグインのカスタムイベントがないため、jQuery datepickerのイベントを使用して、選択した日付に従ってをonSelect更新する必要があります。select

$('#departdate').datepicker({
    //...
    onSelect: function(dateText) {
        updateSelects(dateText);
    }
});

フィドル

私はあなたの関数に他のいくつかの変更も加えました。特に、.attrオプションの呼び出しを.valselect要素の適切なものに置き換えました。どちらも機能しますが、動的プロパティの設定に属性を使用することは避けてください。

.on代わりにを使用することもできます.bind。これは、jQuery1.7以降のイベントハンドラーをバインドするための標準的な推奨方法です。

また、 Dateオブジェクトの作成方法を少し変更しました。

月と年の選択では、値をそのままにして、選択に基本的な算術を適用しました。値の月と年を連結することもできます（たとえば1-2012、2012年1月の場合、数学を文字列の連結に置き換えます）。

于 2012-08-19T21:41:33.903 に答える