使用vant的时间选择器date-time-picker在安卓机上出现鬼畜怎么解决？

偏方：将input事件改为change事件修改前：wxml:<van-datetime-pickerwx:if="{{showPicker}}"show-toolbar="{{false}}"type="date"value="{{ currentDate }}"min-date="{{ minDate }}"max-date="{{ maxDate }}"bind:input="onIn

Joy_Chan0312

828人浏览 · 2021-10-31 15:41:44

Joy_Chan0312 · 2021-10-31 15:41:44 发布

偏方：将input事件改为change事件

修改前：

    wxml:
	<van-datetime-picker
      wx:if="{{showPicker}}"
      show-toolbar="{{false}}"
      type="date"
      value="{{ currentDate }}"
      min-date="{{ minDate }}"
      max-date="{{ maxDate }}"
      bind:input="onInput"
    />
	js：
	onInput(e){
	this.setData({
		date:e.detail
	})
}

修改后：

    wxml:
	<van-datetime-picker
      wx:if="{{showPicker}}"
      show-toolbar="{{false}}"
      type="date"
      value="{{ currentDate }}"
      min-date="{{ minDate }}"
      max-date="{{ maxDate }}"
      bind:change="onInput"
    />
	js：
	onInput(event){
		//必须加入非空判断，否则滑动过快会出现 ‘undefined’
		if(event.detail.getColumnValue(0) && event.detail.getColumnValue(1) && 	event.detail.getColumnValue(2)){ 
		let value = event.detail.getColumnValue(0) + '/' + event.detail.getColumnValue(1) + '/' + event.detail.getColumnValue(2);
        this.setData({
          currentDate: value   
        })}
	 
}