51

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

iOS 日期选择器

4

9 回答 9

129

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

<input type="date" />
于 2012-01-08T01:50:37.853 回答
36

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

于 2009-10-29T20:30:43.627 回答
11

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

于 2011-09-05T12:05:17.063 回答
1

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

于 2008-12-26T02:39:53.223 回答
1

尽管可能不喜欢注册的需要,但 Mobiscroll看起来值得评估,如果您想为旧的 ios(5.x 之前)和 android(4.x 之前)设备提供一致的回退 - 可能还有其他一些平台,正如它所承诺的那样支持 jQMobi(现为 Intel appframework)和 Zepto。

于 2013-04-02T17:29:50.370 回答
1

在Next-Point有一个 iPhone 风格的 HTML5 日期选择器。也许您可以更改它以满足您的需求。

于 2013-06-04T13:05:42.370 回答
0

好吧,如果它对您来说真的很重要,您可以自己编写代码。

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

感觉在直觉层面上,这将是有限回报的大量工作。

于 2009-01-02T02:25:46.727 回答
0
<input type="date" />

上面的代码不会在 mozilla 上工作。

firefox 不支持输入类型日期。

于 2017-11-10T10:05:58.437 回答
-1

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

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

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

于 2013-02-01T09:21:36.650 回答