iPhone Web 应用程序的日期选择器答案

【问题标题】：Date Picker for iPhone Web ApplicationiPhone Web 应用程序的日期选择器
【发布时间】：2010-09-28 04:15:59
【问题描述】：

为基于 iPhone 的 Web 应用程序显示日期选择器的最佳方式是什么。我们能否在 Web 应用程序中显示类似 iPhone 原生日期选择器的内容，如下所示：

【问题讨论】：

【解决方案1】：

最简单的方法（并且可以说是最好的方法）是使用 safari 的内置日期选择器为您的输入框使用 HTML5 type="date"

<input type="date" />

【讨论】：

【解决方案2】：

有一个在浏览器中运行的 iPhone 原生风格的日期选择器 - http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11

【讨论】：

【解决方案3】：

我知道这是一篇旧帖子，但对于未来的观众：如果您使用的是 jQuery，您可以尝试Mobiscroll，这是一个针对触摸设备优化的可自定义日期选择器。它还附带 iOS 和 android 皮肤。

【讨论】：

【解决方案4】：

你不能。日期选择器是本机控件，在 Mobile Safari 中不可用。

【讨论】：

+1 在技术上是正确的。您无法从浏览器触发本机日期选择器（这是苹果公司的完全疏忽，恕我直言）。选择的答案也是正确的，因为您可以编写 JavaScript 来模拟它。
你可以。通过使用 UIWebView 的 javascript 桥
type="datetime-local" 适用于 iOS7（无论出于何种原因，他们删除了“datetime”）
datetime-local 由于某种扭曲的原因不支持年份！仅在 iOS 上。如果是 12 月 31 日，我打算下周做点什么？祝我好运:(

【解决方案5】：

虽然可能不喜欢注册的需要，但Mobiscroll 看起来值得评估，如果您想为较旧的 ios（5.x 之前）和 android（4.x 之前）设备提供一致的回退 - 可能还有其他一些设备平台，因为它承诺支持 jQMobi（现为 Intel appframework）和 Zepto。

【讨论】：

【解决方案6】：

Next-Point 有一个适用于 HTML5 的 iPhone 样式日期选择器。也许您可以更改它以满足您的需求。

【讨论】：

【解决方案7】：

好吧，如果它对你真的很重要，你可以自己编写代码。

通过足够的工作，您可能会让它看起来/感觉很像 Apple 的原生控件。

感觉在直觉层面上，为了有限的回报需要做很多工作。

【讨论】：

【解决方案8】：

<input type="date" />

上面的代码不能在 mozilla 上运行。

firefox 不支持输入日期类型。

【讨论】：

【解决方案9】：

在 ASP.Net 中，您可以使用 type="date" 的 TextBox。

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

在兼容 Html5 的浏览器中，您将拥有一个日期字段。在 Html5 不兼容的浏览器中，您将拥有简单的文本字段。

【讨论】：