如何在 Bootstrap Datepicker 中禁用过去的日期 [重复]答案

【问题标题】：How to disable past date in Bootstrap Datepicker [duplicate]如何在 Bootstrap Datepicker 中禁用过去的日期 [重复]
【发布时间】：2018-05-16 08:14:56
【问题描述】：

我想在Bootstrap datepicker 中选择日期时禁用过去的日期。

在文档（Bootstrap Datepicker）中，我没有找到确切的禁用过去日期的方法。

我尝试了类似的方法，但对我不起作用。

$(document).ready(function(){
    var todayTmp=new Date();
    var today=new Date(todayTmp.getFullYear(), todayTmp.getMonth(), todayTmp.getDate(), 0, 0, 0, 0);

    $('#vDate').datepicker({
        onRender: function(date){
            return date.valueOf() < today.valueOf() ? 'disabled' : '';
        }
    });
});

如何解决？

【问题讨论】：

是的，看起来像上面链接的副本。最简单的解决方案是$('#vDate').datetimepicker({ minDate: moment(), }); 我将更多选项传递给我，但这个示例适合一行，所以只需放置相关的。从链接上的其他人那里得到了这个答案，但很难发现！

标签： javascript jquery bootstrap-datepicker

【解决方案1】：

试试这个并使用startDate: new Date() 禁用过去的日期。

 $('#datetimepicker1').datepicker({
  todayHighlight: true,
  format: 'dd/mm/yyyy',
  startDate: new Date()   
 });

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>        
    </div>
</div>

【讨论】：

这在 BS4 中似乎不起作用。但是，“minDate”而不是“startDate”确实有效。