vue 怎麽格式化date为年月日时分秒

在 Vue 中，你可以使用 JavaScript 的 Date 对象和 Vue 的过滤器来格式化日期。以下是一个简单的示例：

1. 创建一个 Date 对象，将其传递给 Vue 组件的 data 属性中：

data() {
  return {
    date: new Date()
  }
}

2. 创建一个过滤器，使用 JavaScript 的 Date 对象的方法来格式化日期：

filters: {
  formatDate(value) {
    const date = new Date(value)
    const year = date.getFullYear()
    const month = date.getMonth() + 1
    const day = date.getDate()
    const hours = date.getHours()
    const minutes = date.getMinutes()
    const seconds = date.getSeconds()
    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
  }
}

3. 在模板中使用过滤器来格式化日期：

<p>{{ date | formatDate }}</p>

这将以年月日时分秒的形式显示日期。