Question

我目前正在尝试将http://dev.jtsage.com/jQM-DateBox2/中的jQueryMobile Datepicker（calbox）实现到我的android的phonegap移动应用程序中。

引用项目中各种不同jquery和jqueryMobile文件的脚本标记如下所示：

<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.2.0.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/jquery-1.10.2"></script>
    <script src="js/jquery.mobile-1.2.0.js"></script>
    <script src="cordova-2.7.0.js"></script>
    <script src="js/mustache.js"></script>
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" />
    <script src="js/jqm-datebox-1.1.0.comp.calbox"></script>
    <script src="js/jqm-datebox.mode.calbox.min"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>

然后在我的html文件中的表单标记内，我实现了datepicker，如下所示：

<label for="mydate">Select Covering Date:</label>

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox", "calShowWeek": true}'>

当我查看在Google Chrome上实现的特定html文件时，datepicker有效，但是当我通过我的Android设备运行我的项目时，datepicker似乎作为文本字段运行，并且没有显示日历。非常感谢您解决此问题的任何帮助，谢谢！

Answer 1

1）检查js加载顺序。首先是jQuery，jQueryMobile，然后是日期选择器。

2）看起来包含了一些重复的js文件。例如jquery-1.7.1.min.js和query-1.10.2。类似于jquery mobile。

我的jQueryMobile Datepicker适用于谷歌浏览器，但不适用于我的phonegap移动应用程序

1 个答案: