将 datepicker 输入 maxDate 设置为 now()答案

【问题标题】：setting datepicker input maxDate to now()将 datepicker 输入 maxDate 设置为 now()
【发布时间】：2019-01-16 08:44:40
【问题描述】：

我在使用 datepicker 设置输入日期时感到困惑，我想强制用户选择比现在更短的日期（）这里是代码：

        <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

【问题讨论】：

请点击edit然后点击sn-p编辑器[<>]并生成minimal reproducible example（并在离开编辑器之前点击TIDY）

标签： jquery datepicker

【解决方案1】：

你可以这样做：

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

【讨论】：

它可以通过在 datepicker 选择器中添加 ".start" 来工作，谢谢

【解决方案2】：

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

【讨论】：

欢迎来到 Stack Overflow！请尝试提供有关您的解决方案如何工作的精彩描述。请参阅：How do I write a good answer?。谢谢。
它的工作方式与您的评论一样，因此通过为选择器 $('.datepicker.start') 添加属性 maxDate 并删除事件“dp.change”函数。！