限制（禁用天按钮）引导日期选择器日历日期（date_stop 不能 < date_start）答案

【问题标题】：Limit(disable days buttons) bootstrap-datepicker calendar date(date_stop can't be < date_start)限制（禁用天按钮）引导日期选择器日历日期（date_stop 不能 < date_start）
【发布时间】：2016-05-10 15:09:58
【问题描述】：

我怎样才能以这种方式限制（禁用日期按钮）bootstrap-datepicker（不是 jQuery Datapicker）日历日期：

id_date_stop不可能是id_date_start所以

如果我选择 date_start 作为 06-05-2016，date_stop 不能早于 06-05-2016。

可以从 06-05-2016 到 10-05-2016（今天）。

我的html：

<div class="input-group date" data-provide="datepicker" data-date-end-date="0d">
    <input id="id_date_start" name="data_start" type="text">
    <div class="input-group-addon"></div>
</div>
<div class="input-group date" data-provide="datepicker" data-date-end-date="0d">
    <input id="id_date_stop" name="date_stop" type="text">
    <div class="input-group-addon"></div>
</div>

【问题讨论】：

标签： javascript twitter-bootstrap datepicker

【解决方案1】：

您可以结合使用 jQuery 和 bootstrap-datepicker 提供的方法来设置开始和结束日期。

示例代码如下所示

    $('#id_date_start').datepicker({autoClose: true}).on('changeDate',function(e) {

    $('#id_date_stop').datepicker({autoClose: true}).datepicker('setStartDate', e.date)
    .datepicker('setEndDate', new Date());

  })

此代码将根据您选择的开始日期设置“date_stop”日期选择器的开始日期，并将结束日期设置为今天的日期。

我在方法调用之前使用$('#id_date_start').datepicker({autoClose: true}) 行，以确保初始化日期选择器对象。这将确保方法正确触发。

这是一个示例fiddle。

【讨论】：