【问题标题】:IE not rendering DatePicker for MVC5IE 不为 MVC5 呈现 DatePicker
【发布时间】:2014-01-30 02:09:44
【问题描述】:

我正在制作一个 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>

【问题讨论】:

    标签: asp.net-mvc internet-explorer datepicker


    【解决方案1】:

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

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

    @Html.TextBoxFor(m => m.BirthDate)
    
    <script>
        $(function() {
            $('#BirthDate').datepicker();
        });
    

    【讨论】:

    • 但是为什么 IE 没有显示任何日期选择器,这是我想要的问题之一。 Imakeit 如何工作。这是在 Win8 上运行的 IE10。
    • 我不确定 IE10 是否完全支持 HTML 5。检查w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_date
    • 不,他们不会:(他们整天都在做什么?所以我要使用 jquery。让您知道并立即标记为答案。
    【解决方案2】:

    感谢@Dissmissile,我用引导日期选择器解决了这个问题,但在我看来有点不同

    @Html.TextBoxFor(model => model.Date, new { @class = "datepicker" })
    

    然后我添加了下一个 js 代码来配置格式和行为

        $(document).ready(function () {
            $(".datepicker").datepicker({
                format: "yyyy/mm/dd",
                autoclose: true
            });
            $(".datepicker").datepicker('setValue', new Date());
        });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-12-16
      • 2017-06-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-10-02
      • 2017-01-12
      • 2014-06-07
      相关资源
      最近更新 更多