選擇與日期選擇器相同的日期

Question

我的目標是能夠在兩個選擇中顯示相同的日期，就像從jquery-ui的日期選擇器中一樣。

我基於此http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html創建了一個http://jsfiddle.net/grappler/bzPYg/3/

這就是我的代碼。 在原始代碼中，如果我在日期選擇器中選擇一個新日期，則日期也會在選擇按鈕中更改。 現在，在新設置中，日期不會更改，而且我不知道如何在一個字段中使用“月”和“年”。

小提琴

感謝您為我指明正確方向的任何幫助。

Answer 1

jQuery datepicker沒有綁定的舊插件的自定義事件，因此您應該使用jQuery datepicker的onSelect事件根據所選日期更新select 。

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

小提琴

我還對您的函數進行了一些其他修改，尤其是在select元素.val適當的.val替換了對選項的.attr調用。 兩者都可以，但是您應該避免使用屬性來設置動態屬性。

您也可以使用.on代替.bind ，這是自jQuery 1.7以來綁定事件處理程序的標准首選方式。

我還稍微修改了如何創建Date對象 。

對於選擇的month + year，我將其值保持不變，並應用了一些基本的選擇算法，您也可以將年份中的月份與年份連接起來（例如， 1-2012表示Jan-2012，並將數學替換為字符串連接）。