如何在bootstrap 2.3.2中禁用datepicker的过去日期

时间:2015-02-24 05:09:02

标签: jquery datepicker

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

<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' : '';
    }
    })
        });

1 个答案:

答案 0 :(得分:1)

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

请参阅此https://bootstrap-datepicker.readthedocs.org/en/release/options.html#startdate

在你的情况下,它是

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