ASP.NET Web 窗体 Modernizr DatePicker答案

【问题标题】：ASP.NET Web Form Modernizr DatePickerASP.NET Web 窗体 Modernizr DatePicker
【发布时间】：2014-02-26 11:11:26
【问题描述】：

如果浏览器 (IE 11) 不支持，我正在使用 VS2012 并尝试在新的 ASP.Net 4.5 Web 窗体应用程序中使用 Modernizr 来显示 JQuery 日期选择器。

我已确保安装了 Modernizer、JQuery 和 JQuery UI NuGet 包。在 Default.aspx 页面中，我已将以下脚本块添加到第一个 asp:Content 容器中。

<script type="text/javascript">
    if (!Modernizr.inputtypes.date) {
        alert("your browser doesn't support date input type");
        $("input[type=date]").datepicker();
    }
</script>

我可以看到警报，但是当我单击定义为的输入字段时，日期选择器从不显示：

<asp:TextBox ID="TextBox5" runat="server" type="date" placeholder="e.g. 31/12/2014" ></asp:TextBox>

在一个简单的 HTML 页面中它工作正常，我可以看到日期选择器。

【问题讨论】：

标签： asp.net datepicker modernizr

【解决方案1】：

而不是 $("input[type=date]").datepicker(); 以下脚本在 IE 11 中运行良好。

<script type="text/javascript">
    if (!Modernizr.inputtypes.date) {
        $(function () {
            $("input[type='date']")
                        .datepicker()
                        .get(0)
                        .setAttribute("type", "text");
        });
    }
</script>

IE 11 似乎部分支持日期，这就是为什么我们需要在将 jQuery 日期选择器附加到输入后将类型更改回文本。

【讨论】：