VantUI DatetimePicker 时间选择使用过程中无法赋值时间

  背景介绍:我们公司的H5View项目使用的是VantUI,而恰好VantUI中提供了DatetimePicker 时间选择,但在使用过程中遇到了一些问题,现在记录如下:

  我们写了一个类似于12306的时间控件,要求点击时间的时候,弹出图2的DatetimePicker 控件,同时支持点击“上个月”,“下个月”进行切换,但是,直接使用时间选择控件完全没有问题,点击上一月下一月之后,改变了选择的月份,就会导致,时间选择控件没法定位到已经达到的月份。上月下月使用的是Date对象中month+1或者-1的操作,全程使用Date对象。

代码如下:

 this.currenDate.setMonth(this.currenDate.getMonth() - 1)

但是将值传给DatetimePicker 控件之后,值就出了问题。

 

  最终的解决方式是:时间选择控件选择时间之后,将返回的selectCurrentDate强转成Date类型,这样,就解决了,时间选择控件显示时间不正确的问题。

this.currenDate = new Date(this.selectCurrentDate)

VantUI DatetimePicker 时间选择使用过程中无法赋值时间_第1张图片

你可能感兴趣的:(vantUI,vue,DatetimePicker)