vue3将时间字符串2023-03-16T20:23:21.000+00:00转换为 年月日格式
时间: 2024-05-08 17:14:53 浏览: 233
使用Vue3的日期处理库date-fns,可以将时间字符串转换为指定格式的日期字符串。
首先需要安装date-fns,可以使用以下命令安装:
```bash
npm install date-fns --save
```
然后在组件中引入并使用该库:
```vue
<template>
<div>
{{ formatDate('2023-03-16T20:23:21.000 00:00') }}
</div>
</template>
<script>
import { format } from 'date-fns';
export default {
methods: {
formatDate(dateStr) {
const date = new Date(dateStr);
return format(date, 'yyyy-MM-dd');
},
},
};
</script>
```
上述代码中,通过引入date-fns库的format方法,将时间字符串转换为指定格式的日期字符串,其中'yyyy-MM-dd'表示年月日格式。
执行上述代码后,将会输出'2023-03-16'。
阅读全文