Vue 格式化日期

Vue.js 框架中，可以使用 moment.js 库进行日期格式化。安装 moment.js 库后，可以在 Vue 组件中使用以下方式进行日期格式化：

1. 引入 moment.js 库：

import moment from 'moment'

2. 在 Vue 组件中使用 moment.js 进行日期格式化：

// 日期格式化
let date = new Date()
let formattedDate = moment(date).format('YYYY-MM-DD HH:mm:ss')
console.log(formattedDate)

在上面的代码中，moment 对象会将 Date 类型的日期转换为 moment 类型的日期。然后，可以使用 format() 方法对日期进行格式化。例如，'YYYY-MM-DD HH:mm:ss' 表示将日期格式化为年-月-日 时:分:秒 的格式。

另外，也可以在 Vue 的过滤器中定义日期格式化方法，以便在模板中使用。例如：

// 过滤器
Vue.filter('dateFormat', function (value, formatStr) {
  formatStr = formatStr || 'YYYY-MM-DD HH:mm:ss'
  return moment(value).format(formatStr)
})

// 模板中使用
{{ date | dateFormat }}
{{ date | dateFormat('YYYY年MM月DD日') }}