vue2模版中使用moment

在Vue.js项目中使用moment可以通过安装vue-moment-lib来实现。安装命令为：`npm install --save moment vue-moment-lib`。安装完成后，可以在组件中使用moment来格式化日期。以下是使用moment的两种方法：

1. 在全局中配置（main.js文件）

import moment from 'moment'
Vue.filter('dateFormat', (str, partten = "YYYY-MM-DD HH:mm:ss") => {
  return moment(str).format(partten);
})

在上述代码中，我们首先导入moment库，然后定义了一个名为dateFormat的全局过滤器。该过滤器接收两个参数：日期字符串和日期格式。在过滤器函数中，我们使用moment库将日期字符串转换为日期对象，并使用format方法将其格式化为指定的日期格式。

2. 在组件中使用

<p class="mui-ellipsis">
  <span>发表时间: {{ item.add_time | dateFormat }}</span>
</p>
<!-- 输出：2023-6-16 20:53:47 -->

<p class="mui-ellipsis">
  <span>发表时间: {{ item.add_time | dateFormat("YYYY-MM-DD") }}</span>
</p>
<!-- 输出：2023-6-6 -->

在上述代码中，我们在模板中使用了dateFormat过滤器。第一个例子中，我们没有传递任何参数，因此默认使用了"YYYY-MM-DD HH:mm:ss"格式。第二个例子中，我们传递了一个参数"YYYY-MM-DD"，因此使用了指定的日期格式。