Question

用户必须输入Date From字段和Date To字段。 “日期至”字段必须在“日期自”之后。我如何在JQuery中强制执行此操作？我当前的代码不起作用，甚至不提供默认日期。

<script type="text/javascript" language="javascript">
    $('#DateFrom').datepicker({ dateFormat: 'dd-MM-yy', changeMonth: true, changeYear:true, yearRange: 'c-1:c+1' });
    $('#DateTo').datepicker({ dateFormat: 'dd-MM-yy', changeMonth: true, changeYear: true, yearRange: 'c-1:c+1' });
    $('#DateFrom').datepicker({ onSelect: function (dateStr) {
        $('#DateTo').datepicker({ defaultDate: dateStr });
    }
    });
    $('#DateTo').datepicker();

</script>

Answer 1

您可以使用datepicker的minValue选项。以下示例：

<input type="text" id="from">
<input type="text" id="to">
<script type="text/javascript">
$(function(){
    $("#to").datepicker();
    $("#from").datepicker().bind("change",function(){
        var minValue = $(this).val();
        minValue = $.datepicker.parseDate("mm/dd/yy", minValue);
        minValue.setDate(minValue.getDate()+1);
        $("#to").datepicker( "option", "minDate", minValue );
    })
});
</script>

工作exmaple @ http://jsfiddle.net/dW4n8/2/

编辑：更新了示例以排除发件日期。

Answer 2

我担心您必须在适当的回调中添加自定义验证。 AFAIK在jquery datepickers中没有最小日期。我建议你也看看onClose回调。

JQuery：1 datepicker从约会到约会日期

2 个答案: