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