el-date-picker初始值设置为下个月月的1号 当选中其他日期时值改变
时间: 2023-07-25 11:42:05 浏览: 98
el-date-picker 英文改中文.doc
5星 · 资源好评率100%
您可以使用`value-format`属性将`el-date-picker`的初始值设置为下个月的1号,代码如下:
```html
<el-date-picker v-model="selectedDate" value-format="yyyy-MM-dd" :default-value="nextMonthFirstDay"></el-date-picker>
```
在`data`中定义`selectedDate`和`nextMonthFirstDay`变量,并在`mounted`生命周期钩子中给`nextMonthFirstDay`赋值为下个月的1号,代码如下:
```js
data() {
return {
selectedDate: '', // 选中的日期
nextMonthFirstDay: '' // 下个月1号
}
},
mounted() {
const now = new Date()
const nextMonth = new Date(now.getFullYear(), now.getMonth() + 1, 1) // 下个月的日期对象
this.nextMonthFirstDay = this.formatDate(nextMonth) // 格式化下个月1号的日期字符串
},
methods: {
formatDate(date) {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`
}
}
```
这样,当用户选择`el-date-picker`中的其他日期时,`selectedDate`就会随之改变。
阅读全文