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

Same date in select as date-picker

本文关键字：日期 选择器 选择      更新时间：2023-09-26

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

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

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

Fiddle

谢谢你为我指明了正确的方向。

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

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

Fiddle

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

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

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

对于月+年的选择，我保持了值的原样，并应用了一些基本的算术方法进行选择，您也可以在值中连接月和年（例如，2012年1月的1-2012，并用字符串连接代替数学）。

相关文章：