elementui 时间格式化
时间: 2023-10-04 17:03:53 浏览: 90
在 ElementUI 中,可以使用 `el-date-picker` 和 `el-time-picker` 组件来选择日期和时间。这些组件可以通过 `format` 属性来设置日期和时间的显示格式。
例如,要将日期格式化为年月日的格式(例如:2021年01月01日),可以使用以下代码:
```html
<el-date-picker
v-model="date"
type="date"
format="yyyy年MM月dd日"
placeholder="选择日期">
</el-date-picker>
```
同样的,要将时间格式化为小时分钟秒的格式(例如:15:30:00),可以使用以下代码:
```html
<el-time-picker
v-model="time"
format="HH:mm:ss"
placeholder="选择时间">
</el-time-picker>
```
在上面的代码中,`format` 属性中使用了一些占位符来指定日期或时间的格式。以下是一些常用的占位符:
| 占位符 | 含义 |
| --- | --- |
| yyyy | 年份,例如:2021 |
| MM | 月份,例如:01 |
| dd | 日期,例如:01 |
| HH | 小时(24小时制),例如:15 |
| mm | 分钟,例如:30 |
| ss | 秒,例如:00 |
除了上面的占位符外,还可以使用其他占位符来指定日期或时间的格式。详细信息可以参考官方文档:[DatePicker Attributes](https://element.eleme.io/#/en-US/component/date-picker#date-picker-attributes) 和 [TimePicker Attributes](https://element.eleme.io/#/en-US/component/time-picker#time-picker-attributes)。
阅读全文