首页vue2获取当前时间年月日

vue2获取当前时间年月日

时间: 2025-02-06 11:12:27 浏览: 36

### 获取并显示当前日期在 Vue 2 中可以通过 JavaScript 的 `Date` 对象来获取当前的年份、月份和日子，并将这些信息绑定到数据属性上以便于视图层展示。创建一个名为 `currentDate` 的计算属性，该属性返回格式化后的字符串表示形式： ```javascript export default { data() { return {}; }, computed: { currentDate() { const now = new Date(); let year = now.getFullYear(); // 年份 let month = now.getMonth() + 1; // 月份 (注意：getMonth 返回的是0-11之间的整数) let day = now.getDate(); // 日子 function padZero(num) { return num.toString().padStart(2, '0'); } return `${year}-${padZero(month)}-${padZero(day)}`; } } } ``` 为了能够在模板中使用这个值，在 HTML 部分可以这样写[^1]： ```html <div id="app"> <p>今天的日期是 {{ currentDate }}</p> </div> ``` 通过上述方式可以在页面加载时自动更新为最新的日期。如果希望每次进入页面都重新获取最新时间，则需要考虑生命周期钩子函数如 `mounted()` 或者事件监听器来进行刷新操作。

阅读全文