本文主要是介绍解决layer.open后laydate失效的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
今天在维护旧项目的时候使用到了laydate,使用发现出现下面的问题:
1.在正常页面中使用laydate组件没有问题,点击可以正常显示出来
2.但是在layer.open打开一个窗体后就没有效果了
分析思路:由于页面的加载如果js在页面元素显示之前就执行,那么就会出现无法渲染组件的问题,所有决定等元素渲染后再执行js;
所以把对laydate的渲染放在这里即可,下面是success中的代码:
layer.open({
...
content : $("#popupProductPrice"),
success: function (layero, index) {// success后初始化日期范围框laydate.render({elem: "#copyStartDate",isInitValue: true,range: '~',type: 'date',format: 'yyyy-MM-dd',zIndex: layer.zIndex + 1, // 设置laydate的z-index比当前弹窗的z-index高1,否则有可能被layer遮挡done: function (value, date, endDate) {}
这篇关于解决layer.open后laydate失效的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!