我正在尝试在我的创建和编辑“剃刀视图”上显示日期类型输入...日期选择器工作正常,但是在编辑时确实从模型中获取了值,但日期选择器未显示它...
视图
<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">
如何在日期选择器中显示来自模型的日期?任何帮助将不胜感激...
如果您使用此代码生成浏览器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"
属性
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句