场景
ElementUI的dateTimePicker组件是一个日期和时间共存的选择器。
有时我们需要规定选择时的时间格式,这时就要用这个组件的format属性。
使用
<el-form-item label="支付截止日期:" prop="finalPayTime">
<el-date-picker
v-model="demandBid.finalPayTime" format="yyyy-MM-dd HH:mm"
type="datetime"
placeholder="支付截止日期" :picker-options="pickerOptions5">
</el-date-picker>
效果
日期时间格式参照
使用format指定输入框的格式;使用value-format指定绑定值的格式。
请注意大小写
格式 | 含义 | 备注 | 举例 |
| 年 | | 2017 |
| 月 | 不补0 | 1 |
| 月 | | 01 |
| 周 | 仅周选择器的 | 1 |
| 周 | 仅周选择器的 | 01 |
| 日 | 不补0 | 2 |
| 日 | | 02 |
| 小时 | 24小时制;不补0 | 3 |
| 小时 | 24小时制 | 03 |
| 小时 | 12小时制,须和 | 3 |
| 小时 | 12小时制,须和 | 03 |
| 分钟 | 不补0 | 4 |
| 分钟 | | 04 |
| 秒 | 不补0 | 5 |
| 秒 | | 05 |
| AM/PM | 仅 | AM |
| am/pm | 仅 | am |
| JS时间戳 | 仅 | 1483326245000 |