jQuery禁用相对于FROM日期的TO日期答案

【问题标题】：jQuery disable TO date relative to FROM datejQuery禁用相对于FROM日期的TO日期
【发布时间】：2016-04-01 09:54:50
【问题描述】：

我正在开展一个项目，其中有两个日期字段可用于在日期之间进行搜索。我想要做的是当用户在 FROM 字段中选择一个日期时，应该禁用 TO 字段中的所有以前的日期。

例子：

来自：2016-03-28 致：2016-04-10

在上面的示例中，假设我想在这两个给定日期之间进行搜索，然后在从 TO 字段中的日期选择器中选择一个日期时，应禁用 2016-03-28 之前的所有日期，并且用户不能选择它们。请帮忙。

jQuery 日期选择器：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="css/jquery-1.10.1.min.js"></script>
<script src="css/jquery-ui.js"></script>
<script>
$(function(){
    $('.date').datepicker({ format: 'yyyy-mm-dd'});
});
</script>

HTML：

<div class="form-group col-sm-2">
              <label>From</label>
              <input type="text" name="fdate" autocomplete="off" class="form-control date" style="height:25px;"  value="<?php echo $fdate; ?>" />
            </div>
            <div class="form-group col-sm-2">
              <label>To</label>
              <input type="text" name="tdate" autocomplete="off" class="form-control date" style="height:25px;" value="<?php echo $tdate; ?>" />
            </div>

【问题讨论】：

怎么样？用我的代码给我看一个例子..

标签： javascript php jquery html date

【解决方案1】：

你可以这样实现：

$(function(){
    var dateObject;
    $("input[name='fdate']").datepicker({ 
    format: 'yyyy-mm-dd',
    onSelect: function(dateText, inst) {
     dateObject = $(this).datepicker({dateFormat: 'yyyy-mm-dd'}).val();
     $("input[name='tdate']").datepicker({ 
        format: 'yyyy-mm-dd',
        minDate:    new Date(dateObject),
        });

     }
    });

});

这是工作的fiddle

【讨论】：