jQuery datepicker - 来自另一个日期选择器的defaultDate(动态)

标签 jquery jquery-ui datepicker

我目前有两个日期选择器,一个用于开始日期,另一个用于结束日期。

当您选择第一个日期时,我希望将第二个日期选择器的默认值设置为相同的日期。如果我使用 setDate 它可以正常工作并设置值,但默认值不会改变 - 如果我在加载日期选择器时设置 defaultDate ,它可以工作,但如果我尝试即时设置它,则不会。

这是我的代码:

if($('#startDate').val().length == 10 && $("#endDate").val().length != 10) {
    $("#endDate").datepicker("defaultDate", $("#startDate").datepicker("getDate"));
}

(编辑)为了澄清,我不想设置日期 - 用户需要这样做,但我希望日期选择器直接转到与开始日期相同的日期,以免他们必须浏览大量页面。

这是(有点)工作代码:http://jsfiddle.net/c8H5y/

非常欢迎任何建议,谢谢!

最佳答案

这应该可以做到:

$("#dep_date").datepicker({
    dateFormat: 'dd/mm/yy',
    onSelect: function(dateText, inst) {
        var date = $.datepicker.parseDate('dd/mm/yy', dateText);
        var $ret_date = $("#ret_date");
        $ret_date.datepicker("option", "defaultDate", date);
    }
});

$("#ret_date").datepicker({
    dateFormat: 'dd/mm/yy',
});

jsFiddle

关于jQuery datepicker - 来自另一个日期选择器的defaultDate(动态),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7598710/

相关文章:

javascript - 如何选择选择标签中的选项

javascript - Jquery draggable with bootstrap modal, scroller 奇怪的行为

javascript - 定义一个像 jQuery UI 中的 UI 元素

javascript - 动态添加的日期选择器将不起作用

JQuery 日期选择器 : If selected date is today's date

javascript - 淡出除鼠标指向的元素之外的所有内容

javascript - 对象在 JavaScript 中没有方法错误

javascript - this.id对应变量

javascript - 如何使用 jquery 检查日期不能小于当前日期?

html - 使用 .live() 处理 jQuery Checkbox 事件