解决layer.open后laydate失效的问题

1 篇文章 0 订阅

今天在维护旧项目的时候使用到了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) {}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值