爲瀏覽器支持不可用的輸入類型=「日期」添加javascript回退

Question

向輸入字段添加類型日期現在會生成基於瀏覽器的日期選擇器。 （在哪裏支持）。

<input type="date"></input> 

這是fantasic然而對於觸摸devies ...

當隨着市場的肉瀏覽：Firefox和Internet Explorer，鍵入日期不被支持。

---

問題

如何使用輸入type="date"並退回到一個javascript日期選擇器支持時不可用？

目前我似乎無法同時生產兩個日期選擇器兩個世界的最佳。

Answer 1

看一看這個填充工具：

https://github.com/chemerisuk/better-dateinput-polyfill

Answer 2

你應該看看使用modernizr它使用JS來確定當前瀏覽器具有哪些功能。在下面的例子中，你可以成爲另一個日期選擇器，如果這個瀏覽器不兼容：

<script src="modernizr.js"></script> 
<script>Modernizr.load({ 
    test: Modernizr.inputtypes.date, 
    nope: ['http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js', 'jquery-ui.css'], 
    complete: function() { 
    $('input[type=date]').datepicker({ 
     dateFormat: 'yy-mm-dd' 
    }); 
    } 
}); 
</script>