可以使用 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>
注意