将日期选择器输入maxDate设置为now()

时间:2019-01-16 08:44:40

标签: jquery datepicker

我对使用datepicker设置输入日期感到困惑,我想强迫用户选择小于now()的日期。 这里的代码:

        <div class="tab-pane fade active in" id="evenement">
                <div class='col-md-12'>
                    <label class="col-form-label col-form-label-lg" for="inputLarge">Date début</label>
                </div>
                <div class="init dateStEd">
                    <div class='col-md-8'>
                        <div class="form-group">
                            <div class='input-group date datepicker start' data-dtp-end="#datetimepickerend">
                                <input type='text' class="form-control" id="datedebut" />
                                <span class="input-group-addon">
                                         <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

然后是jquery代码:

  dateTimePicker: function () {
            $(function () {
                $('.datepicker, #element_ajoute').datetimepicker({
                    //sideBySide:true,
                    locale: "fr",
                    useCurrent: false,
                    format: "DD/MM/YYYY HH:mm",
                    //format: "DD-MM-YYYY HH:mm",
                    widgetPositioning: {
                        horizontal: 'right',
                        vertical: 'bottom'
                    }
                });

//在更改日期时,日历应禁用所有比今天更高的日期(now())

         $(".datepicker.start").on("dp.change", function (e) {

                    $(this).closest(".dateStEd").find(".datepicker.end").data("DateTimePicker").maxDate($.now());// here the confusion 

          });

当我单击日历时,没有禁用高于now()的日期,并且出现此错误:

  

TypeError:maxDate()无法解析日期参数:1547629266259

2 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

ReactDOM.render(<App />, document.getElementById('root'));

答案 1 :(得分:0)

$('.datepicker, #element_ajoute').datetimepicker({
            format : "DD/MM/YYYY",
            showClose : true,
            locale : 'it',
            showClear : true,
            ignoreReadonly : true,
            maxDate : new Date()
})