vue获取当前时间年月日星期
时间: 2023-11-05 18:04:33 浏览: 108
vue实现获取当前时间,输出为年月日时分秒
在Vue中获取当前时间的年、月、日和星期可以使用JavaScript的Date对象和Vue的data属性。你可以在Vue组件的data属性中定义一个变量来存储当前时间,然后使用Date对象的方法来获取年、月、日和星期。以下是一个示例代码:
```javascript
export default {
data() {
return {
nowDate: "", // 当前日期
nowWeek: "", // 当前星期
};
},
mounted() {
this.getNowDate();
this.getNowWeek();
},
methods: {
getNowDate() {
const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const date = now.getDate();
this.nowDate = `${year}-${month}-${date}`;
},
getNowWeek() {
const weeks = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
const now = new Date();
const week = now.getDay();
this.nowWeek = weeks[week];
},
},
};
```
以上代码中,通过mounted生命周期钩子函数,在组件加载后调用getNowDate和getNowWeek方法来获取当前日期和星期,并将结果赋值给data属性中的相应变量。
阅读全文