4

我正在为 android 创建一个 HTML5 应用程序。

我正在使用带有以下标头的 jQuery mobile：

<link rel="stylesheet" href="../../lib/jquery.mobile-1.3.0.min.css" />
<script src="../../lib/jquery-1.8.2.min.js"></script>    
<script src="../../lib/jquery.mobile-1.3.0.min.js"></script>

我添加了jQuery mobile 演示站点中描述的输入字段：

<input type="date" data-clear-btn="false" name="date-1" id="date-1" value="">

但是，我只是得到一个文本框，而不是日期选择器。

我错过了什么吗？

4

3 回答 3

5

首先只有 Chrome 会显示 datapicker 组件。其他桌面浏览器将失败，因此不要依赖此实现。

第二件事，jQuery Mobile 没有 datepicker 组件。因此，您将需要使用 3rd 方插件。不要依赖 jQuery UI datepicker 插件，因为它们没有针对移动使用进行优化。

更好地使用一些 3rd 方 jQuery Mobile 插件：

日期框

和

移动卷轴

以下是我的一些答案和示例如何使用 jQM 数据选择器：

如何仅在字段焦点上显示日期选择器？

jQuery mobile (Android) 的日期选择器

于 2013-03-14T12:15:14.770 回答
3

只有某些浏览器会显示日期选择器。这篇文章可能有助于您检测它是否会：

HTML5 类型检测和插件初始化

如果浏览器不支持 datepicker 那么你可以添加一个自定义 jquery ui datepicker

于 2013-03-14T12:06:13.267 回答
0

当然，这是您需要初始化日期选择器的文本字段：

你需要一个 jquery ui 库：

  <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>


$(document).on('pageinit', function(){
    $("#date-1").datepicker();
});

试试这个，看看是否有帮助。

于 2013-03-14T12:05:40.817 回答