場景

ElementUI的dateTimePicker組件是一個日期和時間共存的選擇器。

有時我們需要規定選擇時的時間格式，這時就要用這個組件的format屬性。

使用

?<el-form-item label="支付截止日期:" prop="finalPayTime"><el-date-pickerv-model="demandBid.finalPayTime" format="yyyy-MM-dd HH:mm"type="datetime"placeholder="支付截止日期" :picker-options="pickerOptions5"> </el-date-picker>

效果

日期時間格式參照

使用format指定輸入框的格式；使用value-format指定綁定值的格式。

請注意大小寫

?

格式含義備注舉例

yyyy	年	?	2017
M	月	不補0	1
MM	月	?	01
W	周	僅周選擇器的?format?可用；不補0	1
WW	周	僅周選擇器的?format?可用	01
d	日	不補0	2
dd	日	?	02
H	小時	24小時制；不補0	3
HH	小時	24小時制	03
h	小時	12小時制，須和?A?或?a?使用；不補0	3
hh	小時	12小時制，須和?A?或?a?使用	03
m	分鐘	不補0	4
mm	分鐘	?	04
s	秒	不補0	5
ss	秒	?	05
A	AM/PM	僅?format?可用，大寫	AM
a	am/pm	僅?format?可用，小寫	am
timestamp	JS時間戳	僅?value-format?可用；組件綁定值為number類型	1483326245000

總結

以上是生活随笔為你收集整理的ElementUI的DateTimePicker组件修改时间格式的全部內容，希望文章能夠幫你解決所遇到的問題。

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