jqueryui datepicker，比较两个日期并调整大于或小于

Question

我正在尝试创建两个输入 sdate 和 edate 的 dateRange，但如果 sdate 大于 edate，我希望将 edate 设置为 sdate选择为，反之亦然。

一个例子是:

如果 sdate 和 edate 都设置为“2014-08-02”，如果我 edate 为“2014-08-01”，则 sdate 应移至“2014-08-01”。但是，将 edate 设置为“2014-08-03”除了更改 edate 之外什么也不做。

如果 sdate 大于 edate，应该以类似的方式工作。

编辑:更新了 jsfiddle 并进行了改进。当我用 sdate 传递它时，我可以改变 edate，但是如果它小于 sdate，我就无法改变 edate。 Here's a jsfiddle.

function dateRange() {
     $(function () {
     $("#sdate").datepicker({ dateFormat: "yy-mm-dd",
        defaultDate: "+0d",
        changeMonth: true,
        changeYear: true,
        onClose: function () {
            testDates();
        }
    });
    $("#sdate").datepicker("setDate", "set");
    $("#edate").datepicker({ dateFormat: "yy-mm-dd",
        defaultDate: "+0d",
        changeMonth: true,
        changeYear: true,
        onClose: function () {
            testDates();
        }
    });
    $("#edate").datepicker("setDate", "set");
});
function testDates() {
    var sdate = $("#sdate").datepicker("getDate");
    var edate = $("#edate").datepicker("getDate");
    if (sdate > edate) {
        $("#sdate").datepicker("setDate", sdate);
        $("#edate").datepicker("setDate", sdate);
    }else if (edate < sdate) {
        $("#sdate").datepicker("setDate", edate);
        $("#edate").datepicker("setDate", edate);
     }
}
}

Answer 1

我能够通过在函数中构建条件来解决这个问题。

function dateRange() {
    $(function () {
        $("#sdate,#edate").datepicker({
            dateFormat: "yy-mm-dd",
            defaultDate: "+0d",
            changeMonth: true,
            changeYear: true
        }).change(function () {
            var sdate = $('#sdate').datepicker("getDate");
            var edate = $('#edate').datepicker("getDate");
            if (this.id == 'sdate') {
                if (sdate > edate) {
                    $('#edate').datepicker("setDate", sdate);
                }
            } else {
                if (edate < sdate) {
                    $('#sdate').datepicker("setDate", edate);
                }
            }
        });
        $("#sdate,#edate").datepicker("setDate", "set");
    });
}

jsfiddle:http://jsfiddle.net/tmac25/udtmn6n7/