Question

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

示例：

FROM：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>

Answer 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

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

1 个答案: