javascript - 日期验证 : validating Return date is after departure date using datepicker( )

Question

我正在尝试验证返回日期是在出发之后，我想不出如何编写该函数。我在想一种方法是从日期选择器 ( ) 中选取的日期中去掉 (/) 正斜杠，这样它们就是整个整数并将它们存储到新变量中，然后使用 if/else 语句来警告返回日期 < 出发日期日期。

有人知道这是否是正确的方法？如果是这样，我该如何从 datepicker() 获取输入并去掉斜杠？

$(document).ready(function(){

    var destinations = [];
    destinations[0]='italy';
    destinations[1]='france';
    destinations[2]='california';
    destinations[3]='miami';
    destinations[4]='Denver';
    destinations[5]='chicago';

    var departing = $('#departing').datepicker();
    var returning = $('#returning').datepicker();
    $('#destination').autocomplete({source:destinations});

    $('input').focus(function(){
        $(this).css('outline-color', 'skyblue');

    }); // end focus function
}); // end document Ready

Answer 1

您不需要自己解析日期。只需调用 $(selector).datepicker('getDate') 即可获得一个日期对象。 如果您有两个日期，您可以简单地将它们相互比较。

function validate() {
    var departing = $('#departing').datepicker('getDate');
    var returning = $('#returning').datepicker('getDate');

    //do wathever you want if returning is before departing
    alert(departing > returning);
}

您还可以像这样限制可选择的日期:

$('#departing').on('change', function() {
    $('#returning').datepicker("option", "minDate", $('#departing').datepicker('getDate'));
});
$('#returning').on('change', function() {
    $('#departing').datepicker("option", "maxDate", $('#returning').datepicker('getDate'));
});