Bootstrap v3 DateTimePicker在编辑视图中未显示值

时间:2019-07-17 19:32:27

标签: javascript c# model-view-controller datepicker

我目前已安装并正在运行Bootstrap DateTimepicker。当我使用它在创建视图中输入日期时,它可以正常工作。但是,当我在编辑视图上使用该功能时,即使模型中有值,该字段也会显示为空白。如果您还需要编辑日期,则可以正常工作,单击并选择一个正确输入的日期,即可将信息保存到数据库中。但是,如果未对该字段进行编辑,它将提示用户输入一个,然后输入当前日期。出于编辑模式的目的,日期字段不会总是被修改,因此如果未修改原始值,则需要保留它。下面是我创建视图(作为编辑)时自动生成的通用输入表单

<div class="form-group">
            @Html.LabelFor(model => model.expireat, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.expireat, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.expireat, "", new { @class = "text-danger" })
            </div>
        </div>

这是我用来访问时间选择器的js代码。

<script type="text/javascript">
    $(function () {
        $('#expireat').datetimepicker({
            format: "MM/DD/YYYY"            
        })
    });

</script>

这是现在的样子。 How it looks now

这就是我想要的样子。 How it is suppose to look

有没有可以用来实现这一目标的设置?

0 个答案:

没有答案