ASP.NET Web Form Modernizr DatePicker

Question

我正在使用VS2012並試圖在新的ASP.Net 4.5 Web窗體應用程序中使用Modernizr來顯示JQuery datepicker，如果瀏覽器（IE 11）不支持它。

我確定已安裝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頁面，它工作正常，我可以看到日期選擇器。

Answer 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的日期選擇器是部分支持附加到輸入。