1. 程式人生 > >Vue2.0 UI框架Element運用之DateTimePicker(el-date-picker)初始值及時間格式轉化等細節問題

Vue2.0 UI框架Element運用之DateTimePicker(el-date-picker)初始值及時間格式轉化等細節問題

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,結合文件,注意引數值格式。