背景介紹:我們公司的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)
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnL5cDO3UzNzgDM4IDNwEjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)