jquery - jquery中的开始日期和结束日期

Question

我有两个用于项目的日期Start Date字段End Date。

如果用户选择start date少于今天并且没有选择EndDate，我需要将项目显示为正在进行中。我怎么能那样做？

我正在使用以下代码

$(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });

    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});

Answer 1

希望您使用的是 Jquery UI 日期选择器。如果是，则在该插件中，您有一个选项Select a date range。它将限制日期的选择。

检查这个Jquery UI Datepicker

Answer 2

添加：

onClose: function (dateText){
    if (dateText === "") {
        $( "#to" ).value("on going");
    }
}

这应该可以解决问题。

您的完整代码如下：

$( "#to" ).datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 1,
    onSelect: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
    },
    onClose: function (dateText){
       if (dateText === "") {
           $( "#to" ).value("on going");
       }
    }
});