iPhone Web应用程序的dateselect器
为基于iPhone的Web应用程序显示Date Picker的最佳方式是什么? 我们可以在Web应用程序中显示如下所示的iPhone本机dateselect器:
最简单的方法(可以说是最好的方法)是使用Safari浏览器内置的dateselect器为您的input框使用HTML5types=“date”
<input type="date" />
有一个iPhone本机风格dateselect器在浏览器中运行 – http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11
我知道这是一个旧的post,但对于未来的观众:如果您使用的是jQuery,您可以尝试Mobiscroll ,一个针对触摸设备进行优化的可自定义dateselect器。 它运送iOS和Android皮肤以及。
虽然需要注册可能是一个不喜欢, Mobiscroll看起来很值得评估,如果你想提供一个老一代的ios(5.x之前)和Android(前4.x)设备一致的回退 – 可能还有一些其他平台,因为它承诺支持jQMobi(现在是英特尔appframework)和Zepto。
在Next-Point有一个用于HTML5的iPhone风格dateselect器。 也许你可以改变它来满足你的需求。
你不能。 dateselect器是本机控件,在Mobile Safari中不可用。
那么,如果对你来说真的很重要的话,你可以自己编码。
有了足够的工作,你可能会看起来像苹果的本地控制。
感觉像一个内心的水平将有限的回报很多工作。
在ASP.Net中,您可以使用types为“date”的TextBox。
<asp:TextBox type="date" runat="server" />
在Html5兼容的浏览器中,您将有一个date字段。 在Html5不兼容的浏览器中,您将拥有简单的文本字段。
<input type="date" />
上面的代码不会在Mozilla上工作。
Firefox不支持inputtypesdate。
- jQuery UI Datepicker – 多个dateselect
- 把datepicker()放在dynamic创build的元素上–JQuery / JQueryUI
- 带有不允许用户input的文本input的jQuery Datepicker
- 如何在使用jQuery UI Datepicker时使用小时,分钟和秒来格式化date?
- 不显示inputtypes=“date”字段的占位符
- 使用bootstrap-datepicker检测所选date的更改
- 果冻豆DatePickerDialog – 有没有办法取消?
- 如何dynamic设置引导dateselect器的date值?
- 引导dateselect器隐藏后select