为android创建日期类型的文本字段答案

【问题标题】：Creating Textfield of type date for android为android创建日期类型的文本字段
【发布时间】：2013-03-02 18:16:06
【问题描述】：

我正在为 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="">

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

我错过了什么吗？

【问题讨论】：

标签： android jquery html css jquery-mobile

【解决方案1】：

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

HTML5 Type Detection and Plugin Initialization

如果浏览器不支持日期选择器，那么您可以添加自定义 jquery ui 日期选择器

【讨论】：

你是对的，日期选择器正在用chrome显示

【解决方案2】：

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

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

最好使用一些第三方 jQuery Mobile 插件：

Datebox

和

Mobiscroll

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

How to show datepicker on field focus only?

Datepicker for jQuery mobile (Android)

【讨论】：

【解决方案3】：

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

你需要一个 jquery ui 库：

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


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

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

【讨论】：