vant的DatetimePicker 时间选择在微信小程序中使用时跳来跳去的解决办法

最新推荐文章于 2024-05-22 11:26:23 发布

没得感情的小程媛

最新推荐文章于 2024-05-22 11:26:23 发布

阅读量1.2k

点赞数

分类专栏： vue 微信小程序文章标签：前端微信小程序

本文链接：https://blog.csdn.net/weixin_46974834/article/details/126855485

版权

vue 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

微信小程序

1 篇文章 0 订阅

订阅专栏

将bind:input 换成 bind:change 事件去掉value绑定值

在这里插入代码片
<van-popup show="{{ showFinishTime }}" bind:close="onCancelFinishTime" round position="bottom" custom-style="height: 50%;">
  <van-datetime-picker type="datetime" min-date="{{ minDate }}"  bind:change="onInputFinishTime" bind:cancel="onCancelFinishTime" bind:confirm="onConfirmFinishTime" />
</van-popup>
**

## //js

**
``  onInputFinishTime(event) {
      const time = event.detail.getValues()
      const times = time[0] + '-' + time[1] + '-' + time[2] + " " + time[3] + ":" + time[4]
      this.setData({
        currentDate: times
      })
    },