適用於iPhone Web應用程序的日期選取器

爲基於iPhone的Web應用程序顯示日期選取器的最佳方式是什麼？我們可以證明類似iPhone本機日期選取器像在Web應用程序如下圖所示：適用於iPhone Web應用程序的日期選取器

iOS Date Picker

請將答案調整爲更合適的答案。我們不需要cubiq使用的外部軟件包，因爲有一種更簡單的方法。 – Fallenreaper 2013-02-06 17:48:36

參見http://stackoverflow.com/questions/4946919/invoke-native-date-picker-from-web-app-on-ios-android – 2013-05-30 18:48:06

120

最簡單的方法（可以說是最好的方法）是使用Safari瀏覽器內置的日期選擇器使用HTML5類型=「日期」

<input type="date" />

2012-01-08 01:50:37 Kyle

你不能。日期選擇器是本地控件，並且在Mobile Safari中不可用。

2008-12-26 02:39:53 August

+1在技術上是正確的。你不能從瀏覽器中觸發本地日期選擇器（這是對蘋果公司的完全監督，恕我直言）。所選的答案也是正確的，因爲您可以編寫JavaScript來模擬它。 – 2011-04-08 21:20:03

你可以。通過使用UIWebView的JavaScript橋 – cocoafan 2011-06-30 00:31:07

這是支持iOS 5 – 2012-07-12 22:31:53

那麼，如果它對你來說真的很重要，你可以自己編碼。

有了足夠的工作，你可能會覺得它看起來很像蘋果的本地控制。

感覺像腸道一樣，對於有限的回報將是很多工作。

2009-01-02 02:25:46 Genericrich

有，在瀏覽器中運行的iPhone原生風格的日期選擇器 - http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11

2009-10-29 20:30:43

我知道這是舊的文章，但對於未來的觀衆：如果您正在使用jQuery，你可以嘗試Mobiscroll，可定製的日期選擇器爲觸摸設備進行了優化它還運送iOS和Android皮膚。

2011-09-05 12:05:17 dioslaska

在ASP.Net，您可以使用文本框類型的輸入框= 「日期」。

<asp:TextBox type="date" runat="server" />

在Html5兼容的瀏覽器中，您將有一個日期字段。在Html5不兼容的瀏覽器中，您將擁有簡單的文本字段。

2013-02-01 09:21:36

雖然需要註冊可能不喜歡，但如果您希望爲較舊的ios（5.x之前版本）和android（4.x之前的版本）設備提供一致的回退，並且可能還有其他一些平臺，則Mobiscroll看起來很值得評估，因爲它承諾支持jQMobi（現在是英特爾appframework）和Zepto。

2013-04-02 17:29:50 Philzen

有一個HTML5的iPhone風格日期選擇器Next-Point。也許你可以改變它來滿足你的需求。

2013-06-04 13:05:42 user2451839

<input type="date" />

上面的代碼不會在mozilla上工作。

firefox不支持輸入類型日期。

2017-11-10 10:05:58 zigots007

回答