在特定条件下,如何让一个日期选择器更改另一个日期选择器的日期?

时间:2013-11-11 19:56:28

标签: jquery jquery-ui datepicker

我在页面上有两个日期选择器:开始日期和结束日期。

$("#orders-start-date").datepicker({
    dateFormat: "yy-mm-dd",
    maxDate: new Date(),
    onSelect: function(date, el) {
        $this.trigger("orders:filter", date, $("#orders-end-date").val());
    }
}).datepicker("setDate", new Date());

$("#orders-end-date").datepicker({
    dateFormat: "yy-mm-dd",
    maxDate: new Date(),
    onSelect: function(date, el) {
        $this.trigger("orders:filter", $("#orders-start-date").val(), date);
    }
}).datepicker("setDate", new Date());

结束日期不能早于开始日期,因此我需要将开始日期更改为设置结束日期的任何日期,但仅限于结束日期设置为比开始日期更早的日期。 / p>

这可能吗?

1 个答案:

答案 0 :(得分:1)

为什么不直接使用数据选择器选项限制您选择的日期?例如

$("#orders-start-date").datepicker({
dateFormat: "yy-mm-dd",
onSelect: function(selected) {

     $("#orders-end-date").datepicker("option","minDate", selected)

}
});

完整的工作示例http://jsfiddle.net/rvaldez/YdeY8/