显示基于iPhone的Web应用程序的日期选择器的最佳方法是什么。我们可以在Web应用程序中显示类似iPhone本机日期选择器的内容:
答案 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不兼容的浏览器中,您将拥有简单的文本字段。