为输入类型=“日期”添加javascript后备，其中浏览器支持不可用

Question

在输入字段中添加类型日期现在会生成基于浏览器的日期选择器。 （如果支持）。

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

然而这对于触摸爱好者来说是幻想......

在浏览市场主菜：firefox和Internet Explorer时，不支持输入日期。

---

问题

如果支持不可用，如何使用输入type="date"并回退到javascript日期选择器？

目前，如果不同时生成两个日期选择器，我似乎无法获得两全其美。

Answer 1

您应该考虑使用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>

Answer 2

看看这个polyfill：

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