html - 那么...我们现在必须开始为 chrome 的日历添加 polyfilling 吗？

Question

看起来 Chrome 可能终于发布了他们的 <input type="date" />控制。如何使用 modernizr 解决这个问题？

Answer 1

此信息来自an HTML5Rocks post .

如果您想在所有平台上应用 jQuery Datepicker 或其他 JS 日历库，请使用 input[type=text] 而不是 input[type=date]。这是确保 UI 一致的最佳方式，因为支持 input[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();
}