微信小程序使用vant组件DatetimePicker 时间选择时,在Android手机上出现延迟与与乱跳的问题

998 阅读1分钟

问题描述:最近在做微信小程序的时间选择功能时,用到了vant组件。vant的DatetimePicker,在开发工具上功能是正常的,实机测试用了苹果测试也是正常的,但是用Android手机测试时,却出现了问题,快速滑动时回乱跳。

解决方案:将组件在wxml中的  bind:input="onInput"  改为bind:change="onChange" 然后将对应的onChange事件改为:

    onChange:function(event){
        let temp = event.detail.getValues();
        const ttr = temp[0]+"-"+temp[1]+"-"+temp[2];
        this.setData({
            entryDate:ttr
        })
    }
    

说明:在使用bind:change时,需要event.detail.getValues();来获取日期选择页面传递的值。