Jquery mobile jQueryMobile的日期和时间选择器插件在Android Emulator中不起作用
我是JQueryMobile的新手, 当我测试它的工作时很好,但是当我在 Android仿真器,它变成这样。缺少日期和时间选择器 下面是我的示例代码Jquery mobile jQueryMobile的日期和时间选择器插件在Android Emulator中不起作用,jquery-mobile,android-emulator,Jquery Mobile,Android Emulator,我是JQueryMobile的新手, 当我测试它的工作时很好,但是当我在 Android仿真器,它变成这样。缺少日期和时间选择器 下面是我的示例代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title></title>
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<link rel="stylesheet" href="resources/css/my.css" />
<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 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>
<!-- Optional Mousewheel support: http://brandonaaron.net/code/mousewheel/docs -->
<script type="text/javascript" src="resources/js/jquery.mousewheel.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/latest/jqm-datebox.mode.datebox.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>
<style>
/* App custom styles */
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<script src="resources/js/my.js"></script>
</head>
<body>
<!-- Home -->
<div data-role="page" id="page1">
<div data-theme="b" data-role="header">
<a data-role="button" data-inline="true" data-transition="slide" data-theme="b" href="#page1" class="ui-btn-left">
Calendar
</a>
<a data-role="button" data-inline="true" data-transition="slide" href="#page1" class="ui-btn-right">
Save
</a>
<h4>
Edit Event
</h4>
</div>
<div data-role="content">
<div data-role="fieldcontain">
<label for="txtTitle">
Title
</label>
<input name="" id="txtTitle" placeholder="" value="" type="text" />
</div>
<div data-role="fieldcontain">
<label for="link1">Start Time*</label>
<input name="link1" type="text" data-role="datebox" data-options='{"mode": "timebox"}' id="link1" />
<label for="link3">End Time*</label>
<input name="link3" type="text" data-role="datebox" data-options='{"mode": "timebox"}' id="link3" />
<label for="mydate">Date*</label>
<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}'>
</div>
</div>
</div>
<script>
//App custom javascript
</script>
</body>
</html>
/*应用程序自定义样式*/
编辑事件
标题
开始时间*
结束时间*
日期*
//应用程序自定义javascript
感谢任何能指引我的人。感谢高级版。这似乎是模拟器的问题,我刚刚在我的设备上测试了您的示例(HTC Desire with Android 2.2),效果很好,请参见屏幕截图
唯一的问题是,按下其中一个图标后键盘也会打开。。。但这是另一个问题
关于键盘问题,你可能想看看Hi Taifun,这很奇怪,我用nexus 7进行了测试,结果还是一样的,日期和时间选择器丢失了