vue 获取当前年月日
时间: 2023-10-15 17:08:30 浏览: 97
你可以使用 JavaScript 的 Date 对象来获取当前年月日,然后在 Vue 中将其显示出来。以下是示例代码:
```html
<template>
<div>
<p>当前日期:{{ currentDate }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentDate: '' // 初始化为空字符串
}
},
mounted() {
const now = new Date()
const year = now.getFullYear()
const month = now.getMonth() + 1
const day = now.getDate()
this.currentDate = `${year}-${month}-${day}`
}
}
</script>
```
在上面的代码中,我们首先在 `data` 中定义了一个 `currentDate` 的变量,并将其初始化为空字符串。然后在 `mounted` 生命周期钩子中,我们使用 `new Date()` 创建了一个 Date 对象,然后使用 `getFullYear()`、`getMonth()` 和 `getDate()` 方法获取当前的年月日。最后,我们将这些值拼接成一个字符串,并将其赋值给 `currentDate` 变量。最终,我们可以在模板中使用 `{{ currentDate }}` 来显示当前日期。
阅读全文
相关推荐
![](https://img-home.csdnimg.cn/images/20250102104920.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)