Iview時間選擇器(datepicker)按格式需求返回數據的方法

其實並不複雜，首先在datepicker組件按自身需求定義format屬性，屬性表以下：

具體請瀏覽
https://www.iviewui.com/compo...

例如咱們須要以下格式的時間數據返回：
2018-06-16 19:44:55
咱們須要在組件上定義format

<DatePicker format="yyyy-MM-dd HH:mm:ss"></DatePicker>

記住不要直接使用v-model綁定到data的屬性裏，由於這樣獲得的值是JS的date格式，咱們須要經過事件來把返回值賦值給data的屬性。

<DatePicker @on-change="time1"  format="yyyy-MM-dd HH:mm:ss"></DatePicker>

咱們綁定了一個time1事件：

time1(e) {
                this.formItem.date1 = e;
            },

這裏time1函數的參數e就是按format格式返回的值。到console裏打印一下值看一下：

🆗，完成。