选择日期选择器中的相同日期

Question

我的目标是能够在jquery-ui的日期选择器中显示两个选择中的相同日期。

我已根据此http://jsfiddle.net/grappler/bzPYg/3/

创建了http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html

所以这是我的代码。在原始代码中，如果我在日期选择器中选择新日期，则日期也会在选择按钮中更改。现在在新设置中，日期不会改变，我不知道如何在一个字段中包含月份和年份。

Fiddle

感谢您帮助我指明正确的方向。

Answer 1

jQuery datepicker没有您绑定的旧插件自定义事件，因此您应该使用jQuery datepicker的onSelect事件根据所选日期更新select。< / p>

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

Fiddle

我还对您的功能进行了一些其他修改，最明显的是在select元素中用适当的.attr替换您对选项的.val调用。两者都有效，但您应该避免使用属性来设置动态属性。

您也可以使用.on代替.bind，这是自jQuery 1.7以来绑定事件处理程序的标准首选方式。

我还略微修改了您创建Date objects的方式。

对于月份+年份选择，我按原样保留值并应用一些基本算法进行选择，您也可以将月份与年份连接起来（例如2012年1月的1-2012并替换字符串连接的数学。）