我正在尝试探索使用 HTML5 在不同平台上运行本机 Web 应用程序的可能性。目前，一个<input type="date">字段只打开 Android 和 iOS 上的标准软键盘。我想在未来移动操作系统的软键盘将包括日期选择器等 - 就像<select>今天调用本机选择一样。
由于这不是在 Android 或 iOS 上实现的，而是在本机 UI 中实现的，网络应用程序是否有可能调用本机日期选择器，即点击时？
这将使我们可以停止使用 jQuery mobile 和 YUI 等 JavaScript 库。
如果我的问题有任何不清楚的地方，请告诉我。先感谢您 ：-）
由于有些设备支持<input type="date">而有些设备不支持，因此需要小心。以下是 2012 年的一些观察结果，今天可能仍然有效：
可以type="date"通过设置该属性然后读回其值来检测是否支持。不支持它的浏览器/设备将忽略将类型设置为date并text在读回该属性时返回。或者，Modernizr可用于检测。请注意，仅检查某些 Android 版本是不够的；像三星Galaxy S2在Android 4.0.3不支持type="date"，但谷歌/三星Nexus S在最近的Android 4.0.4确实没有。
为本地日期选择器预设日期时，请务必使用设备可识别的格式。如果不这样做，设备可能会默默地拒绝它，在尝试显示现有值时留下一个空的输入字段。如使用在银河S2日期选取器运行Android 4.0.3本身可能设置<input>到2012-6-1了6月1日。但是，当从 JavaScript 设置值时，它需要前导零：2012-06-01。
当使用 Cordova (PhoneGap) 之类的东西在不支持的设备上显示本机日期选择器时type="date"：
请务必正确检测内置支持。就像在2012年银河S2运行的是Android 4.0.3，错误地还用cordovaAndroid插件会导致显示的日期选择器连续两次：一次单击它第一次出现的“设置”后。
当同一页面上有多个输入时，某些设备会显示“上一个”和“下一个”以进入另一个表单字段。在 iOS 4 上，这不会触发onclick处理程序，因此为用户提供常规输入。使用onfocus触发插件似乎更好地工作。
在 iOS 4 上，使用onclick或onfocus触发 2012 iOS 插件首先使常规键盘显示，之后日期选择器被放置在它之上。接下来，使用日期选择器后，仍然需要关闭常规键盘。$(this).blur()在显示日期选择器之前使用移除焦点对 iOS 4 有帮助，并且不会影响我测试的其他设备。但是它在 iOS 上引入了一些快速闪烁的键盘，并且在第一次使用时可能会更加混乱，因为那时日期选择器更慢。readonly如果使用插件，则可以通过进行输入来完全禁用常规键盘，但是在同一屏幕上输入其他输入时，会禁用“上一个”和“下一个”按钮。iOS 4 插件似乎也没有使本机日期选择器显示“取消”
在 iOS 4 iPad（模拟器）上，2012 年 Cordova 插件似乎没有正确渲染，基本上没有给用户任何输入或更改日期的选项。（也许 iOS 4 没有在 web 视图之上很好地呈现其原生日期选择器，或者我的 web 视图的 CSS 样式有一些影响，当然这在真实设备上可能会有所不同：请发表评论或编辑！）
尽管在 2012 年，Android 日期选择器插件再次尝试使用与 iOS 插件相同的 JavaScript API，并且使用allowOldDates了它的示例，但 Android 版本实际上并不支持。此外，它返回新日期，2012/7/2而 iOS 版本返回Mon Jul 02 2012 00:00:00 GMT+0200 (CEST).
即使<input type="date">支持，事情也可能看起来很混乱：
iOS 52012-06-01以本地化格式很好地显示，例如1 Jun. 2012或June 1, 2012（甚至在仍然操作日期选择器的同时立即更新）。但是，无论使用哪种语言环境，运行 Android 4.0.3 的 Galaxy S2 都会显示难看的2012-6-1或2012-06-01。
当触摸日期输入或在另一个输入中使用“上一个”或“下一个”时键盘已经可见时，iPad（模拟器）上的 iOS 5 不会隐藏键盘。然后它同时显示输入下方的日期选择器和底部的键盘，并且似乎允许来自两者的任何输入。然而，虽然它确实改变了可见值，但实际上忽略了键盘输入。（在读回值时或再次调用日期选择器时显示。）当键盘尚未显示时，触摸日期输入仅显示日期选择器，而不显示键盘。（这在真实设备上可能会有所不同，请评论或编辑！）
设备可能会在输入字段中显示光标，长按可能会触发剪贴板选项，也可能会显示常规键盘。单击时，某些设备甚至可能会显示常规键盘一瞬间，然后更改为显示日期选择器。
iOS 5 现在更好地支持 HTML5。在你的 webapp 中做
<input type="date" name="date" />
Android 4.0 缺少这种类型的本机菜单支持。
iOS5 对此有支持（参考）。如果你想调用本地日期选择器，你可能有一个 PhoneGap 的选项（我自己没有测试过）。
给Mobiscroll一试。滚动式日期和时间选择器是专为触摸设备上的交互而创建的。它非常灵活，并且易于定制。它带有 iOS/Android 主题。
我的回答过于简单。如果您喜欢编写跨平台工作的简单代码，那么使用window.prompt方法向用户询问日期。显然，您需要使用正则表达式进行验证，然后创建日期对象。
function onInputClick(e){
var r = window.prompt("Give me a date (YYYY-MM-DD)", "2014-01-01");
if(/[\d]{4}-[\d]{1,2}-[\d]{1,2}/.test(r)){
//date ok
e.value=r;
var split=e.value.split("-");
var date=new Date(parseInt(split[0]),parseInt(split[1])-1,parseInt(split[2]));
}else{
alert("Invalid date. Try again.");
}
}
在你的 HTML 中：
<input type="text" onclick="onInputClick(this)" value="2014-01-01">