layDate时间控件的兼容性问题
使用bootstrap前端框架,在 模态框(Modal)弹出时候初始化layDate控件,火狐浏览器正常。谷歌、IE浏览器出现问题,
如图:

控件代码js :
// 时间控件
laydate({
elem : document.getElementById('popupEndTime'),
format : 'YYYY/MM/DD hh:mm:ss',
istime : true
});
页面代码:
<!-- 模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" id="modalDialog" style="display:inline-block; width:auto; width:100%;">
<div class="modal-content" id="modalContent">
弹窗结束日期时间:<input type="text" id="popupEndTime" />
</div></div></div>
如图:

控件代码js :
// 时间控件
laydate({
elem : document.getElementById('popupEndTime'),
format : 'YYYY/MM/DD hh:mm:ss',
istime : true
});
页面代码:
<!-- 模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" id="modalDialog" style="display:inline-block; width:auto; width:100%;">
<div class="modal-content" id="modalContent">
弹窗结束日期时间:<input type="text" id="popupEndTime" />
</div></div></div>
...全文
相关推荐
解决在layer.open中使用时间控件laydate失败的问题
今天小编就为大家分享一篇解决在layer.open中使用时间控件laydate失败的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
laydate时间控件及触发时间校验事件
laydate时间控件,及选择时间后触发事件
layui-laydate时间日历控件使用方法详解
本文实例为大家分享了laydate时间日历控件的使用方法,供大家参考,具体内容如下 layui下载地址:http://www.layui.com/ 此控件可使用layui或者独立版的layDate,两者初始化有些不同 在 layui 模块中使用layui.code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layDate快速使用</title> <link rel="stylesheet" href="/static/build/layui.css" rel="external nofollow" media="
layDate日期控件使用方法详解
主要为大家详细介绍了layDate日期控件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
今天小编就为大家分享一篇使用layui日期控件laydate对开始和结束时间进行联动控制的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧



