javascript - 选择中的日期与日期选择器相同

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 没有您绑定(bind)的旧插件的自定义事件，因此您应该使用 jQuery datepicker 的 onSelect事件根据所选日期更新您的选择。

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

Fiddle

我还对您的函数进行了一些其他修改，最值得注意的是用选择元素中正确的 .val 替换了对选项的 .attr 调用。两者都有效，但您应该避免使用属性来设置动态属性。

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

我还稍微修改了您创建Date objects的方式.

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