Question

我正在尝试在我的创建和编辑Razor Views上显示日期类型输入...日期选择器工作正常但在编辑时我从模型中获取值但日期选择器不显示它... < / p>

查看

<div class="form-group form-md-line-input">
    @Html.TextBoxFor(model => model.InitialDate, new { @class = "form-control", type = "date" })
    @Html.ValidationMessageFor(model => model.InitialDate)
    @Html.LabelFor(model => model.InitialDate)
</div>

模型

public Nullable<System.DateTime> InitialDate { get; set; }

我尝试使用DataAnnotations，但同样的事情发生日期选择器只允许我在创建时选择日期但是编辑它时不会显示模型中的日期，尽管我查看了HTML渲染的代码，正在设置日期的值，但控件不显示它。

HTML查看

<input class="form-control" data-val="true" data-val-date="The field InitialDate must be a date." id="InitialDate" name="InitialDate" type="date" value="3/3/2015 12:00:00 AM">

我还从浏览器的开发人员工具中删除了属性值的时间，看它是否有效，但它也不起作用......

<input class="form-control" data-val="true" data-val-date="The field InitialDate must be a date." id="InitialDate" name="InitialDate" type="date" value="3/3/2015">

如何在日期选择器中显示模型中的日期？任何帮助将不胜感激......

Answer 1

如果您使用它来生成浏览器HTML5 datepicker实现，则日期的格式必须为yyyy-MM-dd（ISO格式）。使用TextBoxFor()需要

@Html.TextBoxFor(m => m.InitialDate, "{0:yyyy-MM-dd}", new { @class = "form-control", type = "date" })

或者，将以下属性添加到属性

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public Nullable<System.DateTime> InitialDate { get; set; }

并在视图中使用

@Html.EditorFor(m => m.InitialDate)

请注意，这会添加type="date"属性

日期不会显示在HTML输入类型日期的模型上

1 个答案: