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

Posted 2023-05-08

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

【英文标题】：How to set date of twitter bootstrap datetimepicker to a date from database without being overridden by the maxDate

【发布时间】：2018-07-10 04:03:47

【问题描述】：

我有一个 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());

【参考方案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());
        );