vue 获取当前月的第一天跟最后一天,返回格式为yyyy-mm-dd
时间: 2024-10-11 14:17:20 浏览: 33
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
在Vue.js中,你可以使用JavaScript的Date对象以及一些日期处理函数来获取指定月份的第一天和最后一天。以下是简单的示例:
```javascript
new Vue({
data() {
return {
currentMonthFirstDay: '',
currentMonthLastDay: ''
}
},
methods: {
getDatesForCurrentMonth() {
// 当前日期
const now = new Date();
// 获取月份
const month = now.getMonth() + 1; // 0表示 January,所以加1
// 设置月份第一天和最后一天
const firstDay = new Date(now.getFullYear(), month - 1, 1); // 减1是因为月份从0开始计数
const lastDay = new Date(now.getFullYear(), month, 0); // 0表示月末
// 格式化日期字符串
this.currentMonthFirstDay = firstDay.toISOString().split('T')[0]; // 保留年月日
this.currentMonthLastDay = lastDay.toISOString().split('T')[0];
}
},
mounted() {
this.getDatesForCurrentMonth();
}
})
```
在这个例子中,`getDatesForCurrentMonth`方法首先获取当前日期,然后计算出当前月份的第一天和最后一天,最后将结果转换为 'yyyy-mm-dd' 的格式并保存到对应的data属性中。
阅读全文