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

Question

将类型日期添加到输入字段现在会生成基于浏览器的日期选择器.(如果支持).

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

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

在浏览市场主菜:firefox和Internet Explorer时,不支持输入日期.

---

题

type="date"如果没有支持,如何使用输入和回退到javascript日期选择器？

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

Answer 1

您应该考虑使用使用JS来解决当前浏览器具有的功能的modernizr.在下面的示例中,如果此浏览器不兼容,您可以提供另一个日期选择器:

<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