用DateBox加载JQM DateBox插件
用DateBox加载JQM DateBox插件
提问于 2013-09-12 07:31:51
我正在尝试在我的网站上实现JQM DateBox插件(http://dev.jtsage.com/jQM-DateBox2/)。我在单独的HTML文件"page2.html“中声明日期选择器的HTML代码，并将其加载到"index.html”中的div中。将page2.html的代码直接放入div中将正确地显示时间选择器字段：
如果通过JQuery load()加载并增强，浏览器会在时间选择器输入字段中显示类似于日期选择器的内容。
点击右边的按钮会打开时间选择器。我使用的是桌面版的Chrome，在Firefox中这个问题不会出现。
page2.html：
<div data-role="fieldcontain">
<label for="deftimeflip">Some Date</label><input name="deftimeflip" type="date" data-role="datebox" id="deftimeflip" data-options='{"mode": "timeflipbox"}' />
</div>index.html：
<script>
$(document).ready(function() {
$('#content').load("page2.html", function(event) {
$('#content').trigger("create"); // enhance JQM elements
});
});
</script>
<body>
<div data-role="page" id="mainPage" data-theme="none">
<div id="content" style="width:30%;">
<div data-role="fieldcontain">
<label for="deftimeflip">Some Date</label><input name="deftimeflip" type="date" data-role="datebox" id="deftimeflip" data-options='{"mode": "timeflipbox"}' />
</div>
</div>
</div>
</body>在没有增强的情况下，浏览器只显示日期选择器：
我使用的“最新”核心和触发器的插件。
希望有人能帮我。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-09-16 16:24:25
这是因为DateBox实际上将输入字段类型设置为text，以避免浏览器增强--但是，使用.load方法，这样做太“晚”了(而且失败了)。
解决办法是将类型设置为"text“而不是"date”--这将消除额外的控件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18758132
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号