如何在 bootstrap 2.3.2 中禁用日期选择器的过去日期

Question

我想使用 bootstrab 2.3.2 从日期选择器中禁用过去的日期。我尝试了从文档中获取的以下代码，但现在我仍在与这个概念作斗争。谁能给我一些想法？我的代码有什么问题？

<div class="input-append date"  data-date-format="dd-mm-yyyy" >
<input name="date_pick" id="dpd1" type="text"  required style="padding:8px 0 !important">
<span class="add-on"><i class="icon-calendar sh_black_text"></i></span>
</div>

我的脚本

$(function(){
            $('.date').datepicker({});
                var nowTemp = new Date();
    var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

    var checkin = $('#dpd1').datepicker({
    onRender: function(date) {
    return date.valueOf() < now.valueOf() ? 'disabled' : '';
    }
    })
        });

Answer 1

您必须在初始化日期选择器时创建一个新的日期对象并将其设置为startDate

参考这个https://bootstrap-datepicker.readthedocs.org/en/release/options.html#startdate

你的情况是

$('.date').datepicker({
    startDate: '-1d'
})

像这样

如何在 bootstrap 2.3.2 中禁用日期选择器的过去日期

how to disable past dates from datepicker in bootstrab 2.3.2

jquery

datepicker