JQuery:1个datepicker From date以约束到日期

JQuery:1个datepicker From date以约束到日期,jquery,Jquery,用户必须输入“开始日期”字段和“结束日期”字段。 “日期到”字段必须在“日期从”之后。 我如何在JQuery中实现这一点? 我当前的代码不起作用,即使给出默认日期也不行 <script type="text/javascript" language="javascript"> $('#DateFrom').datepicker({ dateFormat: 'dd-MM-yy', changeMonth: true, changeYear:true, yearRange: 'c

用户必须输入“开始日期”字段和“结束日期”字段。 “日期到”字段必须在“日期从”之后。 我如何在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>

$(#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')。日期选择器({onSelect:function(dateStr){
$('#DateTo').datepicker({defaultDate:dateStr});
}
});
$('#DateTo').datepicker();

恐怕您必须将自定义验证添加到相应的回调中。 另外,jquery日期选择器中没有最小日期这样的东西。
我建议您也看看onClose回调。

您可以使用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>

$(函数(){
$(“#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(“选项”、“minDate”、minValue);
})
});
正在工作的exmaple@


编辑:已更新样本以排除起始日期。

自编辑后,该样本已停止工作。在Firebug中,我收到错误消息“未捕获异常:位置2处的意外文字”页面上的日期选择器使用的日期格式是什么?我注意到,使用此方法时,在选择起始日期时,“截止日期”部分会发生更改。例如,我将默认值设置为TBC,这在我的表单上是可以的。但是,使用您的方法选择“开始日期”时,“结束日期”字段将被删除-这是正常行为吗?啊,是的。在我的原始问题中,你可以看到它是dd-MM-yy。所以我把它改成了那种格式,现在可以用了。谢谢,这给我留下了深刻的印象。@Scoobler:to-date值被调整为,因此它至少是javascript中设置的minDate值。