2008-12-23 57 views
47

为基于iPhone的Web应用程序显示日期选取器的最佳方式是什么?我们可以证明类似iPhone本机日期选取器像在Web应用程序如下图所示:适用于iPhone Web应用程序的日期选取器

iOS Date Picker

+2

请将答案调整为更合适的答案。我们不需要cubiq使用的外部软件包,因为有一种更简单的方法。 – Fallenreaper 2013-02-06 17:48:36

+0

参见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" /> 
0

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

+0

+1在技术上是正确的。你不能从浏览器中触发本地日期选择器(这是对苹果公司的完全监督,恕我直言)。所选的答案也是正确的,因为您可以编写JavaScript来模拟它。 – 2011-04-08 21:20:03

+1

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

+1

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

0

那么,如果它对你来说真的很重要,你可以自己编码。

有了足够的工作,你可能会觉得它看起来很像苹果的本地控制。

感觉像肠道一样,对于有限的回报将是很多工作。

12

我知道这是旧的文章,但对于未来的观众: 如果您正在使用jQuery,你可以尝试Mobiscroll,可定制的日期选择器为触摸设备进行了优化它还运送iOS和Android皮肤。

0

在ASP.Net,您可以使用文本框类型的输入框= “日期”。

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

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

1

虽然需要注册可能不喜欢,但如果您希望为较旧的ios(5.x之前版本)和android(4.x之前的版本)设备提供一致的回退,并且可能还有其他一些平台,则Mobiscroll看起来很值得评估,因为它承诺支持jQMobi(现在是英特尔appframework)和Zepto。

1

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

0
<input type="date" /> 

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

firefox不支持输入类型日期。

相关问题