javascript - 如何通过 Bootstrap 日期选择器禁用今天的日期以外的日期

Question

如何防止其他日期被禁用，除了这一天的日期我使用bootstrap datepicker，请解决。

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap-datepicker.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#tanggal').datepicker({
            format: "yyyy-mm-dd",
            autoclose:true,
        });
    });
</script>
<div class="form-group">
    <div class="input-group">
        <div class="input-group-addon">
            <span class="fa fa-calendar"></span> 
        </div> <!-- end class input-group-addon -->
        <input type="text" id ="tanggal" name="date" class="form-control" placeholder="Pilih Tanggal" style="width:20%;" required>
    </div>
</div>

Answer 1

以下代码将禁用除今天之外的所有日期。

$('#tanggal').datepicker({
    format: "yyyy-mm-dd",
    autoclose:true,
    startDate: "today",
    endDate: "today",
});

请参阅以下文档了解更多信息:

https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#startdate

这是我用来调查的 JSFiddle。 http://jsfiddle.net/MgcDU/12661/