为基于 iPhone 的 Web 应用程序显示日期选择器的最佳方式是什么。我们能否在 Web 应用程序中显示类似 iPhone 原生日期选择器的内容,如下所示:
9 回答
最简单的方法(可以说是最好的方法)是使用 safari 的内置日期选择器为您的输入框使用 HTML5 type="date"
<input type="date" />
有一个在浏览器中运行的 iPhone 原生风格的日期选择器 - http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11
我知道这是一篇旧文章,但对于未来的观众:如果您使用的是 jQuery,您可以尝试Mobiscroll,这是一个针对触摸设备优化的可定制日期选择器。它还附带 iOS 和 android 皮肤。
你不能。日期选择器是本机控件,在 Mobile Safari 中不可用。
尽管可能不喜欢注册的需要,但 Mobiscroll看起来值得评估,如果您想为旧的 ios(5.x 之前)和 android(4.x 之前)设备提供一致的回退 - 可能还有其他一些平台,正如它所承诺的那样支持 jQMobi(现为 Intel appframework)和 Zepto。
在Next-Point有一个 iPhone 风格的 HTML5 日期选择器。也许您可以更改它以满足您的需求。
好吧,如果它对您来说真的很重要,您可以自己编写代码。
通过足够的工作,您可能会使其看起来/感觉很像 Apple 的原生控件。
感觉在直觉层面上,这将是有限回报的大量工作。
<input type="date" />
上面的代码不会在 mozilla 上工作。
firefox 不支持输入类型日期。
在 ASP.Net 中,您可以使用 type="date" 的 TextBox。
<asp:TextBox type="date" runat="server" />
在兼容 Html5 的浏览器中,您将拥有一个日期字段。在 Html5 不兼容的浏览器中,您将拥有简单的文本字段。