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

Question

看起来 Chrome 可能最终会释放他们的<input type="date" />控制权。如何用modernizr围绕这个进行填充？

Answer 1

此信息来自HTML5Rocks 帖子。

如果您想在所有平台上应用 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();
}