vue 获取当月日期
时间: 2024-10-23 17:03:55 浏览: 9
在Vue.js中获取当前月份的日期,你可以使用JavaScript内置的Date对象。以下是一个简单的示例:
```html
<template>
<div>
<p>当前月份日期:{{ currentMonthDate }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentMonthDate: null,
};
},
mounted() {
this.currentMonthDate = new Date().toLocaleDateString('yyyy-MM', { month: 'long' });
},
};
</script>
```
在这个例子中,`mounted` 生命周期钩子里创建了一个新的Date实例,并使用`toLocaleDateString`方法将其格式化为"年-月"的形式,然后将结果绑定到`currentMonthDate`数据属性上。
如果你想获取特定月份的第一天或最后一天,可以稍微调整一下代码:
```javascript
mounted() {
const now = new Date();
const month = now.getMonth(); // 获取当前月份(0表示1月)
const firstDayOfThisMonth = new Date(now.getFullYear(), month, 1);
const lastDayOfMonth = new Date(now.getFullYear(), month + 1, 0); // 注意月份加1是因为下一个月从0开始计数
this.currentMonthFirstDay = firstDayOfThisMonth;
this.currentMonthLastDay = lastDayOfMonth;
}
```
阅读全文