vue2 格式化日期
时间: 2023-02-06 22:58:45 浏览: 195
可以使用 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>
```
注意