ElementUI的DateTimePicker组件修改时间格式

场景

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指定绑定值的格式。

请注意大小写

 

格式 含义 备注 举例
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
展开阅读全文

没有更多推荐了,返回首页