vue2 格式化日期

可以使用 JavaScript 内置的 Date 对象来格式化日期。

例如，你可以使用 Date 对象的 toLocaleDateString() 方法来获取本地格式的日期字符串：

let date = new Date()
let dateString = date.toLocaleDateString()
console.log(dateString)  // 例如：2022/12/30

你也可以使用 toLocaleDateString() 方法的第二个参数来指定你希望使用的日期格式。

例如，要将日期格式化为 yyyy-mm-dd 的形式，你可以这样做：

let date = new Date()
let dateString = date.toLocaleDateString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit'})
console.log(dateString)  // 例如：2022-12-30

如果你想要格式化日期和时间，你可以使用 toLocaleString() 方法，例如：

let date = new Date()
let dateString = date.toLocaleString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit'})
console.log(dateString)  // 例如：2022-12-30 10:15:30

在 Vue 中，你可以在模板中使用 JavaScript 表达式来获取格式化后的日期字符串。

例如，在模板中使用如下代码可以将当前日期格式化为 yyyy-mm-dd 的形式：

<template>
  <div>{{ date.toLocaleDateString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit'}) }}</div>
</template>

<script>
export default {
  data() {
    return {
      date: new Date()
    }
  }
}
</script>

注意