vue中moment插件实现时间的格式化

根据需求需要把后端给的时间简化到年月日，接下来用插件来完成！

这是后端给的数据，前端展示的时候需要只展示2023-03-29即可：
首先第一步就是通过npm的方式下载moment这个插件

npm install moment --save

第二步下载下来了就要引入，引入到main.js中来

import moment from 'moment'
// 这是年月日时分秒的格式 dateTime这个是自己定义的
Vue.filter('dateTime', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
return moment(dataStr).format(pattern)
})
// 这是年月日的格式
Vue.filter('dateTime', function(dataStr, pattern = 'YYYY-MM-DD') {
return moment(dataStr).format(pattern)
})

最后一步 在main.js配置完成以后就要用到了

<div class="p-time-year">
// createTime这个是后端数据时间的字段名称
// dateTime这个就是我们刚刚自己定义的函数名 括号里的就是处理时间的格式了
   {{ item.createTime |dateTime('YYYY-MM-DD')}}
</div>

最终的效果：

欢迎相互学习。