文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery禁用相对于起始日期的终止日期

问jQuery禁用相对于起始日期的终止日期
EN

Stack Overflow用户

提问于 2016-04-01 17:54:51

回答 1查看 29关注 0票数 0

我在一个项目中工作，其中有两个日期字段可用，将用于搜索之间的日期。我想要做的是，当用户在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>

date

javascript

php

jquery

html

回答 1

Stack Overflow用户

发布于 2016-04-01 20:00:00

你可以这样实现它：

$(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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36353255

复制

相似问题

问jQuery禁用相对于起始日期的终止日期
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery禁用相对于起始日期的终止日期EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery禁用相对于起始日期的终止日期
EN