什麼是我需要從Webshim中包含的最小代碼才能讓HTML5日期輸入起作用？

我想讓HTML5輸入日期選擇器在通常不兼容的瀏覽器上工作，即使外觀和功能儘可能接近jQuery's datepicker。什麼是我需要從Webshim中包含的最小代碼才能讓HTML5日期輸入起作用？

通過包括在文檔中描述的庫（在這裏插入底部）+整個文件夾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>

來源

2013-12-20 Fellow Stranger

雖然你可以這樣做，但我不明白你的確切問題在這裏。 polyfiller.js會自動爲所有瀏覽器優化軟件包，而webspace並不昂貴（服務器上大約2mb）。

你可以扔掉：

以下directorys： - FlashCanvas - FlashCanvasPro - jpicker

和所有的JS墊片文件夾內的文件，但形式 - * JS，DOM的擴展和es5.js

但是再次沒有必要這樣做。我不明白爲什麼這很重要。我唯一明白的是從目錄中刪除* .php（即：在Flashcanvas中）...

如果你想和jQuery的datepicker一樣近，你應該設置一些conig選項，比如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/

來源

2013-12-20 15:24:55

謝謝了絕佳的答案+宏偉的演示代碼！排除文件的原因是我想將webshims添加到Rails應用程序，並且由於Rails正在預編譯所有文件，所以客戶端負載會很重。（是的，我知道這有一個寶石，但我更喜歡手動添加文件。） –

@ alexander-farkas如果你做了上述的減少，你可以評論其餘的依賴關係嗎？我想使用你的polyfill，但我不能使用GPL代碼或關閉的東西。是否有可能剝離窗體和表單部分，所以我只依靠MIT或Apache許可證？ – snies

什麼是我需要從Webshim中包含的最小代碼才能讓HTML5日期輸入起作用？

回答

相關問題