天天看點

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 時間選擇使用過程中無法指派時間
VantUI DatetimePicker 時間選擇使用過程中無法指派時間