那么......我们现在必须开始填充chrome的日历吗？

Question

看起来Chrome可能最终会发布他们的<input type="date" />控件。如何用现代化的方法来解决这个问题呢？

Answer 1

此信息来自an HTML5Rocks post。

如果您想在所有平台上应用jQuery Datepicker或其他JS日历库，请使用input [type = text]而不是input [type = date]。这是确保一致用户界面的最佳方法，因为支持输入[type = date]的不同浏览器会以不同的方式执行此操作。

您可以使用Modernizr或您自己的检查来查看浏览器是否支持此输入类型，然后让它使用本机或使用JS库。

var isDateInputSupported = function(){
  var elem = document.createElement('input');
  elem.setAttribute('type','date');
  elem.value = 'foo';
  return (elem.type == 'date' && elem.value != 'foo');
}

if (!isDateInputSupported())  { // or.. !Modernizr.inputtypes.date
  $('input[type="date"]').datepicker();
}