vue中使用moment.js处理时间

引入

npm install moment -S

（版本 "moment": "^2.29.3", 记录一下防止更新后使用出问题）

全局使用

在main.js中定义

// 引入moment
import moment from 'moment'

// 将工具方法绑定到全局
Vue.prototype.$moment = moment

// 添加全局的过滤器
// filter两个参数 第一个是过滤器的命名 第二个是时间格式化处理的函数，形参value是要格式化的值，pattern是传入时间的格式,等号是设置传参的默认值

Vue.filter('formatDate', function(value, pattern = 'YYYY-MM-DD HH:mm:ss') {
  return moment(value).format(pattern)
})

使用方法

在html中直接使用定义的过滤器即可

<!-- formatDate中传入需要格式；不传为main.js中设置的默认值'YYYY-MM-DD HH:mm:ss' -->
<div class="time">{{ publishTime | formatDate('YYYY-MM-DD') }}</div>

在js中使用moment的方法，具体的moment的方法可查询moment.js 的操作

let endTime = this.$moment().endOf('day')