Datetimepicker maxDate 不工作答案

【问题标题】：Datetimepicker maxDate not workingDatetimepicker maxDate 不工作
【发布时间】：2016-05-06 02:47:36
【问题描述】：

我正在使用 jquery datetimepicker 并尝试将最大日期设置为 5 月 7 日，出于某种原因，无论我为 maxDate 参数设置了什么，它总是将 maxDate 限制为今天（2016 年 5 月 5 日）。我是不是做错了什么？

这给了我正确的值，但最大日期始终设置为今天，而不是 2016 年 5 月 7 日。

代码：

$(function(){
    $('#AuditDate').datetimepicker({timepicker: false,format:'d-M-Y', maxDate: '07-May-2016', value: '05-May-2016'});                                   
});

【问题讨论】：

检查这个 [js fiddle](jsfiddle.net/Ramachandra/2y67W/285)

标签： jquery datetimepicker

【解决方案1】：

datetimepicker 范围日期（minDate 和 maxDate）的问题在于它们必须具有正确的格式（例如Y/M/d、Y/m/d、d-M-Y）但这并不意味着您的 js 对象具有至！下面我添加了完整的工作代码。附言。我正在使用momentjs 库，所以你必须将它添加到你的代码中；）

HTML：

<input id="date_from" type="text" >
<input id="date_to" type="text" >

Js：

(function($) {
"use strict";

var dtpFrom = $("input[name=date_from]");
var dtpTo = $("input[name=date_to]");

dtpFrom.datetimepicker({
    lang: 'pl',
    format: 'Y-m-d H:i:s',
    closeOnDateSelect: true,
    onShow:function( ct ) {
        var setMaxDate = moment(dtpTo.val()).format('YYYY/MM/DD');

        this.setOptions({
            maxDate: setMaxDate
                    ? setMaxDate
                    : false
        })
    },
    timepicker:false
});

dtpTo.datetimepicker({
    lang: 'pl',
    format: 'Y-m-d H:i:s',
    closeOnDateSelect: true,
    onShow:function( ct ){
        var setMinDate = moment(dtpFrom.val()).format('YYYY/MM/DD');

        this.setOptions({
            minDate: setMinDate
                    ? setMinDate
                    : false
        })
    },
    timepicker:false
});
}(jQuery));

【讨论】：

【解决方案2】：

尝试以下格式以匹配您的 maxDate 格式：

format:'dd-M-yy'

【讨论】：

我将格式更改为 format:'d-M-Y' 并且有效。非常感谢！

【解决方案3】：

<script>
    $('.some_class').datetimepicker({
        timepicker: false,
        format:'d-M-Y',
        maxDate : '2016/05/25'
    });
</script>
// Just pass the max date in this format.

【讨论】：

【解决方案4】：

// replase maxDate to endDate     
$(".datepicker_ate_hoje").datepicker({
    format: "dd/mm/yyyy",
    weekStart: 1,
    todayBtn: "linked",
    endDate: new Date(),
    autoclose: true,
    todayHighlight: true
});

【讨论】：

与其简单地编写代码，还不如提供一个说明如何解决原始问题。