el-date-picker初始值设置为当月月的1号 当选中其他日期时值改变
时间: 2023-07-25 07:42:04 浏览: 123
你可以通过在 el-date-picker 中设置 `default-value` 属性来实现初始值设置为当月的1号。然后,你可以监听 `change` 事件,在事件处理函数中获取用户选择的日期值,并将其保存到某个变量中,如下所示:
```
<el-date-picker v-model="date" :default-value="defaultValue" @change="handleChange"></el-date-picker>
<script>
export default {
data() {
return {
defaultValue: new Date(new Date().getFullYear(), new Date().getMonth(), 1),
date: null
}
},
methods: {
handleChange(value) {
// do something with the selected date value
console.log(value);
this.date = value;
}
}
}
</script>
```
在上面的代码中,我们将 `default-value` 属性设置为当月的1号,然后在 `change` 事件处理函数中获取用户选择的日期值,并将其保存到 `date` 变量中。
这样,当用户选择其他日期时,`date` 变量的值就会发生变化,你可以通过 `date` 变量来获取用户选择的日期,从而执行相应的逻辑。
阅读全文
相关推荐


















