vue处理时间格式
时间: 2023-07-27 19:19:37 浏览: 87
日期时间格式处理
Vue.js 中可以使用过滤器来处理时间格式。Vue.js 内置了一个 date 过滤器,可以将日期格式化为指定的字符串格式。
使用 date 过滤器的语法如下:
```html
<!-- 在模板中使用 date 过滤器 -->
<p>{{ date | dateFilter }}</p>
```
其中,`date` 是要格式化的日期(可以是 Date 对象或时间戳),`dateFilter` 是格式化字符串。比如,要将日期格式化为 `YYYY-MM-DD` 的格式,可以使用以下代码:
```html
<!-- 将日期格式化为 YYYY-MM-DD 格式 -->
<p>{{ date | dateFilter('YYYY-MM-DD') }}</p>
```
Vue.js 中的 date 过滤器支持的格式化字符串如下:
- `YYYY`:4 位数的年份
- `YY`:2 位数的年份
- `MM`:2 位数的月份(01 到 12)
- `M`:月份(1 到 12)
- `DD`:2 位数的日期(01 到 31)
- `D`:日期(1 到 31)
- `HH`:24 小时制的小时数(00 到 23)
- `H`:24 小时制的小时数(0 到 23)
- `hh`:12 小时制的小时数(00 到 12)
- `h`:12 小时制的小时数(0 到 12)
- `mm`:2 位数的分钟数(00 到 59)
- `m`:分钟数(0 到 59)
- `ss`:2 位数的秒数(00 到 59)
- `s`:秒数(0 到 59)
除了使用内置的 date 过滤器外,我们还可以自定义过滤器来处理时间格式。自定义过滤器的实现方式可以参考前面的回答。
阅读全文