ElementUI的DateTimePicker组件修改时间格式
生活随笔
收集整理的這篇文章主要介紹了
ElementUI的DateTimePicker组件修改时间格式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
場景
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组件修改时间格式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jd-eclipse反编译插件的离线安装
- 下一篇: ElementUI的DateTimePi