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

Ram*_*oni 49 iphone datepicker

什么是显示基于iPhone的Web应用程序的日期选择器的最佳方法.我们可以在Web应用程序中显示如下所示的iPhone本机日期选择器:

iOS日期选择器

小智 128

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

<input type="date" />
Run Code Online (Sandbox Code Playgroud)

  • 这只是为我节省了大量的时间和精力,感觉很棒,只需将它贴在我的网站上,就可以看到我的iPhone上出现了漂亮的小日期选择器. (4认同)
  • 如果你正在寻找`datetime`的解决方案,你最好创建单独的`date`和`time`输入. (2认同)

小智 36

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

  • 在iOS5中,您可以使用<input type ="date"/>(请参阅Kyle Gibbens的答案),这将在Mobile Safari或webview中显示原生日期选择器. (17认同)

ist*_*men 11

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