1. 程式人生 > >vue element-ui 選擇日期元件 將標準日期時間格式化

vue element-ui 選擇日期元件 將標準日期時間格式化

vue element-ui 的元件開發可以大大提升我們的開發效率,但有時並不能滿足我們的需求,比如:時間、日期元件。
element-ui 日期返回的格式是這樣的,看下圖:
在這裡插入圖片描述
但是我們需要的是這種格式:
在這裡插入圖片描述
在此之前在我找了很多javascript原生方法,單由於較複雜,而棄用。
可以用一個外掛 moment.js 解決

1:下載,安裝

 npm install moment --save

2:引用,我這裡是全域性引用,並用原型鏈把方法掛到了vue上面,看下圖:

在這裡插入圖片描述

3:使用,看下圖:

在這裡插入圖片描述

使用格式:

moment(date).format("YYYY-MM-DD HH:mm:ss");    主要是這個 moment( )裡面放的格式化的物件,format( )要轉化的樣子