場(chǎng)景

ElementUI的dateTimePicker組件是一個(gè)日期和時(shí)間共存的選擇器。

有時(shí)我們需要規(guī)定選擇時(shí)的時(shí)間格式，這時(shí)就要用這個(gè)組件的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>

效果

日期時(shí)間格式參照

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

請(qǐng)注意大小寫

?

格式含義備注舉例

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。