Question

我正在为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's demo site：

中的说明添加输入字段

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

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

我错过了什么吗？

Answer 1

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

第二件事，jQuery Mobile没有datepicker组件。所以你需要使用第三方插件。不要依赖jQuery UI datepicker插件，因为它们没有针对移动使用进行优化。

更好地使用第三方jQuery Mobile插件中的一些：

Datebox

和

Mobiscroll

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

How to show datepicker on field focus only?

Datepicker for jQuery mobile (Android)

Answer 2

只有某些浏览器会显示日期选择器。这篇文章可能对您有用，可以检测它是否会出现：

HTML5 Type Detection and Plugin Initialization

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

Answer 3

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

你需要一个jquery ui库：

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


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

尝试一下，看看是否有帮助。

为android创建类型日期的Textfield

3 个答案: