IE 不为 MVC5 呈现 DatePicker

Question

正如您已经知道的那样，我正在制作一个 MVC5 站点。现在我刚刚使用具有 BirthDate 字段的 Crete 模板创建了一个视图。Andit 没有在 IE 中显示，在 Chrome 中显示得很糟糕，文本框内有很多字形，如下图所示。

发生了什么，我怎样才能让 IE 像 Chrome 一样简单地显示日期选择器，以及如何稍微调整一下。我认为这些杠杆既无用又令人困惑。

这是我在模型中定义该属性的方式

    [Display(Name = "Fecha de nacimiento")]
    [DataType(DataType.Date)]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:MM/dd/yyyy}")]
    public DateTime BirthDate { get; set; }

并在视图中

    <div class="form-group">
        @Html.LabelFor(model => model.BirthDate, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.BirthDate)

            @Html.ValidationMessageFor(model => model.BirthDate)
        </div>
    </div>

Answer 1

如果您不喜欢内置的日期选择器（它由浏览器呈现，因为它是 input type="date"），那么有很多 3rd 方插件可用，例如jQuery UI。

EditorFor您可能需要更改的一件事是，您可能需要使用而不是使用，TextBoxFor以便浏览器将其视为普通文本框。下面是一个使用 jQuery UI 的例子：

@Html.TextBoxFor(m => m.BirthDate)

<script>
    $(function() {
        $('#BirthDate').datepicker();
    });