asp.net-mvc – IE没有为MVC5呈现DatePicker

发布时间：2020-12-16 06:49:48 所属栏目：asp.Net 来源：网络整理

导读：正如你所知,我正在创建一个MVC5网站.现在我刚刚使用具有BirthDate字段的Crete模板创建了一个View. Andit没有在IE中显示,并且在Chrome中显示出非常明显的文本框中有很多gliph,您可以在下面的图像中进行比较. 发生了什么,我怎样才能让IE显示日期选择器就像Chro

正如你所知,我正在创建一个MVC5网站.现在我刚刚使用具有BirthDate字段的Crete模板创建了一个View. Andit没有在IE中显示,并且在Chrome中显示出非常明显的文本框中有很多gliph,您可以在下面的图像中进行比较.

发生了什么,我怎样才能让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>

解决方法

如果您不喜欢内置的datepicker(由浏览器呈现,因为它是输入类型=“日期”),那么有很多第三方插件可用,例如 jQuery UI.

您可能需要更改的一件事是使用EditorFor而不是使用TextBox,因此浏览器只会将其视为普通文本框.下面是使用jQuery UI的示例：

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!