2024年4月12日发(作者：)

van-calendar弹框写法

这里是一个简单的示例代码来展示如何使用van-calendar弹框：

```html

```

在上面的代码中，我们使用了`van-popup`将`van-calendar`包裹

起来，通过控制`showPopup`的值来显示或隐藏弹框。当点击

打开日历按钮时，会将`showPopup`设置为`true`，从而打开日

历弹框。

`van-calendar`组件中，我们通过`v-model`来绑定选中的日期，

当用户点击确认按钮时，会触发`@confirm`事件，我们可以在

事件处理函数中处理选中日期的逻辑。另外，当用户点击取消

按钮时，会触发`@cancel`事件，我们可以在事件处理函数中

处理取消的逻辑。