打开和关闭日期选择器的事件

Question

我正在使用 https://easepick.com 日期范围选择器。

我正在寻找这样的事件，其中事件可以在打开日期范围选择器时触发，并且在关闭范围选择器时也可以触发。

如果我可以找到这两个事件，那么我想在打开范围选择器时调整 Iframe 高度，并在关闭时重置我的 iframe 大小。

Answer 1

Easypick提供以下5个活动：

1. render

2. view

3. preselect

4. select

5. clear

---

您可以使用

select

事件来触发

CLOSE

操作。

不幸的是，没有

OPEN

事件，因此最好的选择是在 DOM 上添加原生

click

事件

<input>

：

document.querySelector('#datepicker').addEventListener('click', () => {
    console.log('Open');
});

const picker = new easepick.create({
    element: document.getElementById('datepicker'),
    css: [
      'https://cdn.jsdelivr.net/npm/@easepick/[email protected]/dist/index.css',
    ],
    setup(picker) {
        picker.on('select', (e) => {
            console.log('Close');
        });
    },
});

<input id="datepicker"/>
<script src="https://cdn.jsdelivr.net/npm/@easepick/[email protected]/dist/index.umd.min.js"></script>