Element運用之DateTimePicke<el-date-picker>初始值默認值設置及時間轉化問題

需求：

點擊更新信息按鈕，彈出的對話框中的時間選擇器默認選擇當前時間（后端返回的是時間戳（this.plant.created_time））

注：手冊里面說的 default-value,是當你點開選擇器之后默認選中的時間(如下圖)而不是初始紅框中顯示的時間。

因此本人使用v-model實現。

template：

data()：

methods:

解釋

請從生命周期created()開始看代碼：首先記錄后端傳過來的時間戳格式化成標準時間的值，createdTimeFormat()是將時間戳轉為標準時間的函數，之所以要用new Date()格式化一下是因為el-date-picker只接受傳入Date()類型的值，exit()函數用于點擊dialog對話框關閉按鈕或點擊取消按鈕時調用，用于還原初始值。

總結：遇到bug，結合文檔，注意參數值格式。

總結

以上是生活随笔為你收集整理的Vue2.0 UI框架Element运用之DateTimePicker（el-date-picker）初始值及时间格式转化等细节问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。