咨询easepick日期范围选择器的打开与关闭触发事件

easepick内置了open和close两个事件，分别对应选择器的打开和关闭动作，你可以通过picker实例直接监听这两个事件，实现iframe高度的动态调整：

代码实现示例 #

// 初始化easepick实例
const picker = new easepick.create({
  element: document.getElementById('datepicker'),
  // 你的其他配置项（比如日期范围限制、样式等）
});

// 监听选择器打开事件，调整iframe高度
picker.on('open', () => {
  const targetIframe = document.getElementById('target-iframe');
  targetIframe.style.height = '800px'; // 替换为你需要的高度值
});

// 监听选择器关闭事件，重置iframe尺寸
picker.on('close', () => {
  const targetIframe = document.getElementById('target-iframe');
  targetIframe.style.height = 'auto'; // 或者设置为初始固定高度，比如'500px'
});

注意事项 #

• 替换代码中的datepicker为你的日期选择器元素ID，target-iframe为目标iframe的ID
• 高度值可以根据实际场景调整，也可以通过动态计算内容高度来设置更精准的数值

内容的提问来源于stack exchange，提问作者Jaydeep Maru