从 datetimepicker jQuery 中获取 minDate、maxDate 和 defaultDate答案

【问题标题】：Get minDate, maxDate and defaultDate from datetimepicker jQuery从 datetimepicker jQuery 中获取 minDate、maxDate 和 defaultDate
【发布时间】：2017-09-29 05:07:33
【问题描述】：

我构建了已经设置 minDate、maxDate 和 defaultDate 的 datetimepicker，如下图所示。这是取件日期的工作。我想从 function onChangeOpeningDateEdit() 上的 datetimepicker 中获取 minDate、maxDate 和 defaultDate，但我不知道该怎么做。请给我建议好吗？

代码：

<script type="text/javascript">
    $('#date_opening_edit').datetimepicker({
        format: "DD-MMM-YYYY",
        minDate: getMinDateFunction(),
        maxDate: getMaxDateFunction(),
        defaultDate: null,
    });

    function getMaxDateFunction() {
        var d = new Date();
        var y = d.getFullYear();
        var m = d.getMonth();
        var da = d.getDate() + 10;
        var h = d.getHours();
        var mi = d.getMinutes();
        var se = d.getSeconds();
        var mDate = new Date(y, m, da, h, mi, se);
        return mDate;
    };

    function getMinDateFunction() {
        var d = new Date();
        var y = d.getFullYear();
        var m = d.getMonth();
        var da = d.getDate() - 10;
        var h = d.getHours();
        var mi = d.getMinutes();
        var se = d.getSeconds();
        var mDate = new Date(y, m, da, h, mi, se);
        return mDate;
    };

    function onChangeOpeningDateEdit() {
        var minDate = $("#date_opening_edit").datetimepicker("minDate"); // I want to get minDate from datetimepicker, but I don't know how to.
        alert(minDate);
    }
</script>

<div class='input-group date ' id='date_opening_edit'>
    <input type='text' id="txt_opening_date_edit" class="form-control" data-format="DD-MMM-YYYY"
        placeholder="Opening Date" runat="server" onblur="onChangeOpeningDateEdit()" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

【问题讨论】：

所以你计算日期然后将它们附加到日期选择器然后你想从日期选择器中获取日期，是吗？
为什么不简单地在创建日期时存储它们？
@madalinivascu，是的。
您使用的是哪个日期选择器插件？
@PhaniKumarM，Bootstrap 3 日期/时间选择器 v4.17.47，eonasdan.github.io/bootstrap-datetimepicker。

标签： jquery

【解决方案1】：

试试这个

日期选择器选项可以通过data属性访问

function onChangeOpeningDateEdit() {
    var d = planned_element //$("#date_opening_edit")
    var default_date = d.data('DateTimePicker').defaultDate()
    var min_date = d.data('DateTimePicker').minDate()
    var max_date = d.data('DateTimePicker').maxDate()
    alert("minDate:" + min_date +" maxDate:" + max_date + " defaultDate:"+ default_date);
}

【讨论】：