javascript - 为了使 HTML5 日期输入正常工作，我需要从 Webshim 包含最少的代码是什么？

Question

我想让 HTML5 输入日期选择器在通常不兼容的浏览器上工作，即外观和功能尽可能接近 jQuery's datepicker .

通过包含文档中描述的库(在底部插入)+整个文件夹 shims 我让它按预期工作。

但是由于 shim 文件夹包含许多无关文件 - 我如何理解应该保留哪些文件以及应该丢弃哪些文件，因为似乎没有自定义构建 Webshim 库的选项？

<script src="js/jquery-1.9.1.js"></script>
<script src="js/modernizr-yepnope-custom.js"></script>  
<script src="js-webshim/minified/polyfiller.js"></script>
<script>
  $.webshims.polyfill('forms');
</script> 

Answer 1

虽然您可以这样做，但我不明白您的确切问题。 polyfiller.js 将为所有浏览器自动优化软件包，并且网络空间并不昂贵(在您的服务器上大约为 2mb)。

你可以扔掉:

以下目录:- FlashCanvas- FlashCanvasPro-jpicker

以及 shims 文件夹内的所有 js 文件，但 form-*.js、dom-extend 和 es5.js

但同样没有必要这样做。我不明白为什么这很重要。我唯一明白的是从目录中删除 *.php(即:在 Flashcanvas 中...)

如果你想像 jQuery 的日期选择器一样接近，你应该为日期小部件设置一些配置选项，如 startView、showOnFocus 等。

<style>
.date-input-buttons .step-controls {
    display: none;
}
</style>

<input id="date-1" type="date" data-date='{"startView": 2, "openOnFocus": true}' placeholder="yyyy-mm-dd" />

http://jsfiddle.net/trixta/VNuct/