vue中封装一个公用方法,将DDTHH:mm:ss.sssZ”格式转换为“yyyy-MM-dd HH:mm:ss”格式
时间: 2024-05-08 22:22:25 浏览: 167
js将日期格式转换为YYYY-MM-DD HH:MM:SS
你可以使用 moment.js 库来将日期格式化为需要的格式。在 Vue 中,可以将此方法封装为一个全局过滤器或者在需要的组件中进行封装。
下面是一个全局过滤器的示例:
1. 安装 moment.js 库
```bash
npm install moment --save
```
2. 在 main.js 中引入 moment.js 库
```javascript
import moment from 'moment';
```
3. 定义一个全局过滤器
```javascript
Vue.filter('dateFormat', function(value) {
if (value) {
return moment(String(value)).format('YYYY-MM-DD HH:mm:ss')
}
})
```
4. 在组件中使用过滤器
```html
<template>
<div>
{{ date | dateFormat }}
</div>
</template>
<script>
export default {
data() {
return {
date: '2021-01-01T12:00:00.000Z'
}
}
}
</script>
```
在上述示例中,我们定义了一个名为 "dateFormat" 的全局过滤器,它将传入的日期格式化为 "YYYY-MM-DD HH:mm:ss" 格式。在组件中,我们使用了这个过滤器将 "date" 数据格式化为需要的格式,并将结果显示在模板中。
阅读全文