如何将 twitter bootstrap datetimepicker 的日期设置为数据库中的日期而不被 maxDate 覆盖

Question

我有一个 twitter bootstrap datetimepicker，其值是从更新表单中的数据库设置的。但我想禁用今天之后的日期，以防日期被更新，但最大日期值会覆盖输入中数据库的值。

我想在输入中显示来自数据库的日期，同时禁用今天之后的日期。它是怎么做到的？

这是我的代码

<input type="text" class="form-control required tobecleared service_procedure_date1"  name="uploadvm.serviceprocedurebo.Date" data-val-message="Please enter date"
    placeholder="Document Date*" value="@Model.ServiceProcedurebo.Date.ToLongDateString()" />

jQuery

$(".service_procedure_date1").datetimepicker({ format: 'DD MMMM YYYY', maxDate: new Date()});

Answer 1

输入值的格式应与选择器的格式相同：

<input type="text" class="form-control required tobecleared service_procedure_date1" name="uploadvm.serviceprocedurebo.Date" data-val-message="Please enter date"
                                       placeholder="Document Date*" value="@Model.ServiceProcedurebo.Date.ToString("dd MMMM yyyy")" />

初始值将一直存在，直到选择器被触摸：

        $(".service_procedure_date1").datetimepicker({
            format: 'DD MMMM YYYY'
        }).on('dp.show', function (e) {
            $(this).data('DateTimePicker').maxDate(new Date());
        });

如何将 twitter bootstrap datetimepicker 的日期设置为数据库中的日期而不被 maxDate 覆盖

How to set date of twitter bootstrap datetimepicker to a date from database without being overridden by the maxDate

asp.net-mvc

jquery

datetimepicker

twitter-bootstrap