1

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

我基于这个http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html创建了一个http://jsfiddle.net/grappler/bzPYg/3/

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

小提琴

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

4

1 回答 1

1

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

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

小提琴

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

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

我还稍微修改了您创建Date 对象的方式。

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

于 2012-08-19T21:41:33.903 回答