用戶modernizr強制瀏覽器使用jQuery UI datepicker而不是瀏覽器datepicker？

Question

一些瀏覽器本身支持date類型並擁有自己的內置datepickers，但我想迫使每一個瀏覽器使用jQuery.UI日期選擇，而不是（因爲我需要能夠禁用特定日期）

我發現此代碼將顯示jQuery.UI datepicker如果瀏覽器本身不支持date類型，但我將如何修復此代碼，以便強制瀏覽器使用jQuery.UI datepicker所有的時間？

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

Answer 1

代替使用date類型輸入的，只是使用text輸入。由於您不關心日期輸入支持，您不再需要Modernizr測試。您可能需要給他們所有相同的類，以便您可以選擇它們來初始化日期選擇控件：

HTML

<input type="text" class="date"/> 

jQuery的

$('input.date').datepicker(); 

Working Demo