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

jansonliuIP属地: 广东
字数 133

将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>

``  onInputFinishTime(event) {

      const time = event.detail.getValues()

      const times = time[0] + '-' + time[1] + '-' + time[2] + " " + time[3] + ":" + time[4]

      this.setData({

        currentDate: times

      })

    },

-------------------------------------------------

亲测:去掉value绑定值,用bind:input也没事

 onInput(event) {

    if(event.detail){  

      this.setData({

        currentDate: event.detail

      });

    }

  },

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
0人点赞
总资产0共写了6581字获得2个赞共1个粉丝

推荐阅读更多精彩内容

  • npm构建小程序需要下载node.js然后在文件上方目录输入cmd,剩下步骤如图所示: 或者登录 官网 有具体介绍...
    GGYY丶阅读 1,528评论 0 0
  • 1. 下载Vant Weapp 步骤一:通过 npm 安装 npm i @vant/weapp -S --prod...
    一点都不神秘阅读 2,899评论 0 0
  • 三、发起请求 1. scroll-view 可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高...
    葛瑞丝阅读 641评论 0 0
  • 七、自定义组件2 1. mixin //导出一个混入对象exportdefaultBehavior({//组件公共...
    葛瑞丝阅读 430评论 0 0
  • 官方网址:Vant Weapp[https://vant-contrib.gitee.io/vant-weapp/...
    _ou阅读 1,065评论 0 2