Asp.net mvc 5跨浏览器日期选择器和时间选择器

Question

我在mvc5编程，我有问题。

我的模特：

[DataType(DataType.Date)]
[Required(ErrorMessage = "Required")]        
public System.DateTime Date { get; set; }

[DataType(DataType.Time)]
[Required(ErrorMessage = "Required")]
public System.DateTime Time { get; set; }

查看：

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

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

当我使用Google Chrome日期选择器和时间选择器正确显示时，但当我使用mozilla firefox时，这只是一个文本框。
我怎么能概括它？我希望总是有日期选择器和时间选择器。

Answer 1

默认编辑器模板使用html输入类型＆＃39; date＆＃39;，可能是not supported in firefox。我们创建了一个自定义editor template，如果浏览器不支持日期输入类型，它会回退到jquery日期选择器（选择任何js日期选择器，有很多）。

如果需要，您可以使用modernizr测试此功能。