IE 与 Chrome 显示差异

Question

只是想知道在从 ASP.NET mvc Web 应用程序渲染某些显示时是否有任何关于 Chrome 和 I.E 之间差异的信息。

例如

[DataType(DataType.Date, ErrorMessage = "Incorrect format or missing date")]
[DisplayFormat(DataFormatString = "{0:d}", ApplyFormatInEditMode = true)]
public DateTime? StartDate { get; set; }

在 IE 中，它只是一个纯白框，用于输入字符，而 chrome 显示 dd/mm/yyyy 并保持该格式。

与时间相同：

[DataType(DataType.Time, ErrorMessage = "Incorrect time")]             
//[RequiredIfTrue("MondayTrue", ErrorMessage ="Day has been marked as working")]
public DateTime? MondayStart { get; set; }

IE 中的纯白框与 chrome 一样 --:--

有没有办法让这些属性在 I.E 中工作？

即 html 行

<input name="StartDate" class="div-form-control text-box single-line" id="txtStartDate" type="date" value="" data-val-date="The field StartDate must be a date." data-val="true">

chrome html 行

<input class="div-form-control text-box single-line" data-val="true" data-val-date="The field StartDate must be a date." id="txtStartDate" name="StartDate" type="date" value="">

应该添加，我使用的是 IE 11，所以认为这会起作用。

在我的 MVC 布局页面中，

这些部分视图在 detailview div 中呈现：

<div class="containerBody">
    <div id="detailView"></div>       
</div>

查看

 <div style="display: table-row;">               
                <div class="div-label-text" , style="display: table-cell"> @Html.LabelFor(model => model.StartDate) </div>
                <div class="div-EditorFor" , style="display: table-cell"> @Html.EditorFor(model => model.StartDate, new { htmlAttributes = new { @class = "div-form-control", id = "txtStartDate" } }) </div>
                <div class="div-val-cell" , style="display: table-cell"> @Html.ValidationMessageFor(model => model.StartDate, "", new { @class = "text-danger" }) </div>
            </div>

Answer 1

你如何渲染视图模型属性？如果你使用@Html.EditorFor，它会输出input type="date"，这是不兼容html5的旧浏览器和IE不支持的。在这里查看caniuse 以查看跨浏览器的日期和时间输入字段兼容性。 我建议使用Jquery date picker

Answer 2

这取决于您使用的 IE 版本。较旧的 IE 版本不支持 type="date" 作为其 HTML 5 属性。 Chrome 对 HTML 5 的支持一直更好。查看http://blogs.artinsoft.net/Mrojas/archive/2013/01/30/The-inputtype=date-in-Internet-Explorer-%28IE%29-9-and-10.aspx

顺便说一句，这些 HTML 部分在两个浏览器中的编写方式相同，不同之处在于其呈现方式。