MVC日期时间字段在chrome中具有不同的外观

Question

我使用VSTS 2012和.Net 4.0开发了一个MVC 4.0应用程序。我创建了一个具有日期类型属性的类，如下所示

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
[DisplayName("Start Date")]
public DateTime StartDate { get; set; }

在视图中，我正在填充此属性，如下所示

<div class="col-md-4 col-md-pull-1">
     @Html.EditorFor(model => model.StartDate)
     @Html.ValidationMessageFor(model => model.StartDate)
</div>

当我在IE中看到它时，它正确地显示它并且在点击文本框中我可以看到日期框但是当我在Chrome中测试时，我看到一个奇怪的上下箭头＆＃39;以及日期下拉的向下箭头。 我在Windows 7上使用IE 10和Chrome 29。 有没有人知道为什么这种不同的行为以及如何解决这个问题？

在IE中

在Chrome中

Answer 1

@Html.EditorFor(model => model.StartDate)将在HTML中呈现为<input ... type="date" .../>。

这是一个HTML 5 input type，它会在不同的浏览器中以不同的方式显示。

您可以尝试使用Jquery Date Picker来实现跨浏览器功能。