如何通过bootstrap datepicker禁用今天以外的日期

时间:2016-11-21 16:15:55

标签: javascript jquery twitter-bootstrap datepicker

如何禁止其他日期被禁用,除了当天我使用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>

1 个答案:

答案 0 :(得分: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/