在Datepicker上设置startDate

时间:2014-02-26 21:23:43

标签: jquery twitter-bootstrap datepicker

我正在尝试使用bootstrap datepicker创建日历,该日历允许用户选择从今天起24小时开始的一天。我之前看到过这个问题,但是当我尝试解决方案时,我认为它不起作用。日历有效,但仍允许用户选择过去的日期:

<div class="row">
    <div class="input-group date" id="dp3" data-date="" data-date-format="mm-dd-yyyy">
        <input class="form-control" name="schedule_pickup_date" type="text" value="">
        <span class="input-group-addon btn-primary" style="background-color: #0590e3;">
            <i class="fa fa-calendar fa-1x white"></i>
        </span>
    </div>
</div>

<script src="js/bootstrap-datepicker.js"></script>
<script>
    $(document).ready(function() {

        $('#dp3').datepicker({ 
            startDate: '+1d'
        });
    });
</script>

出于某种原因,看起来我无法使用$('#dp3')。datepicker()函数设置任何选项。

JsFiddle

2 个答案:

答案 0 :(得分:0)

您正在设置startDate,但不是minDate

minDate: '+1d'

您正在调用错误元素上的datepicker,将代码更改为:

$('input[name="schedule_pickup_date"]').datepicker({
    startDate: '+1d',
    minDate: '+1d'
});

FIDDLE

答案 1 :(得分:0)

尝试使用“ defaultDate”代替“ startDate”。

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker5'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker5').datetimepicker({
                defaultDate: "11/1/2013",
                disabledDates: [
                    moment("12/25/2013"),
                    new Date(2013, 11 - 1, 21),
                    "11/22/2013 00:53"
                ]
            });
        });
    </script>
</div>

参考:https://eonasdan.github.io/bootstrap-datetimepicker/