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 ); } }); });，我需要将项目显示为正在进行。我怎么能这样做？

我正在使用以下代码

{{1}}

Answer 1

希望您使用的是Jquery UI datepicker。如果是，则在该插件中您可以选择选择日期范围。它将限制日期的选择。

选中此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");
       }
    }
});

在jquery中开始日期和结束日期

2 个答案: