如何確保jquery-ui datepicker優雅地降級到HTML5 date select？

我在Rails 3應用程序中使用jquery-ui datepicker。日期選擇器目前綁定到文本字段。如何確保jquery-ui datepicker優雅地降級到HTML5 date select？

確保此優雅降級的最佳方法是什麼？即將日期選擇器綁定到HTML5日期選擇字段會更有意義，但是我在實現時遇到了問題，因爲它似乎不易於被jquery支持。

是否有其他人遇到這個問題，如果是的話，你是如何處理它的？

感謝您的任何想法。

2012-03-20 Andy Harvey

it still works在演示（儘管沒有CSS），即使<input type="date">。

the new HTML5 input elements degrade to a type="text" if the browser doesn't support them。因此，您可以將日期選擇器添加到type="date"輸入。

如果您擔心自然日期選擇器與jQuery日期選擇器一起使用時可能會出現「雙重效應」，請查看this article以檢測元素是否受支持，並選擇性應用您的日期選擇器。

來源

2012-03-20 05:35:21 Joseph

您好jospeh，你當然是正確的。我的問題不是很清楚。如果javascript可用，我希望datepicker值顯示在文本字段中。如果javascript不可用，則應顯示html5日期選擇。我可以簡單地提供一個功能來切換這些元素的可見性（即隱藏日期選擇，顯示文本字段）。我應該考慮其他方法嗎？ – 2012-04-01 04:38:07

[see here]（http://jsfiddle.net/QjgXb/1/），如果沒有JS，datepicker會被設置，但是當JS可用時，我們會用jQuery的datepicker替換它。 – Joseph 2012-04-01 05:15:27

看起來很完美！今天我會玩這個。謝謝！ – 2012-04-01 05:34:10

如何確保jquery-ui datepicker優雅地降級到HTML5 date select？

回答

相關問題