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

时间:2008-12-23 12:59:17

标签: datepicker iphone

显示基于iPhone的Web应用程序的日期选择器的最佳方法是什么。我们可以在Web应用程序中显示类似iPhone本机日期选择器的内容:

iOS Date Picker

9 个答案:

答案 0 :(得分:126)

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

<input type="date" />

答案 1 :(得分:35)

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

答案 2 :(得分:11)

我知道这是一个老帖子,但对于未来的观众: 如果您使用的是jQuery,可以尝试使用针对触摸设备优化的可自定义日期选择器Mobiscroll。它也带有iOS和Android皮肤。

答案 3 :(得分:1)

虽然需要注册可能不喜欢,Mobiscroll看起来值得评估,如果你想为旧的ios(pre 5.x)和android(pre 4.x)设备提供一致的回退 - 可能其他一些平台,因为它承诺支持jQMobi(现在的英特尔appframework)和Zepto。

答案 4 :(得分:1)

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

答案 5 :(得分:0)

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

答案 6 :(得分:0)

嗯,如果对你真的很重要,你可以自己编码。

有了足够的工作,你可能会让它看起来/感觉很像苹果公司的本土控制。

对于有限的收益来说,感觉像是一个直觉水平。

答案 7 :(得分:0)

<input type="date" />

上面的代码不适用于mozilla。

firefox不支持输入类型日期。

答案 8 :(得分:-1)

在ASP.Net中,您可以使用带有type =“date”的TextBox。

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

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