Question

问题：我有一个搜索页面，查看范围内的数据。视图中有一个“From”和一个“To”datepicker输入。我想将这些值的选择默认为与视图模型一起传递的相应“From”和“To”日期。视图模型中的正确值将加载到视图的输入控件中，但日期选择器不显示该值，它仅显示mm / dd / yyyy的输入掩码。如果我取出或将“type =”值更改为“text”而不是date，则显示正确的日期值，但是datepicker则不会。

以下是我的编辑器模板：

@model DateTime？

@ Html.TextBox（“”，Model，“{0：MM / dd / yyyy}”，新{@class =“datepicker form-control”，type =“date”}）

以下是类属性：

    [DataType(DataType.Date)]
    public DateTime? DateTakenFrom { get; set; }

以下是观点：

@ Html.EditorFor（model =＆gt; model.Criteria.DateTakenFrom）

以下是呈现的内容：

<input class="datepicker form-control" data-val="true" data-val-date="The field DateTakenFrom must be a date." id="Criteria_DateTakenFrom" name="Criteria.DateTakenFrom" type="date" value="03/17/2014">

Answer 1

date是HTML5中提议的类型（来源：Mozilla Developer Network），但在大多数浏览器中都没有很好地实现，因此我不鼓励使用它。使用type="text"的一些Javascript插件。请注意，Bootsrap版本2和3现有插件，但它们不兼容。

Bootstrap datepicker不在editorFor中显示模型值

1 个答案: