Vue3 el-date-picker 如何默认显示当前年月
要设置`el-date-picker`默认显示当前年月,您可以使用`v-model`指令结合`new Date()`来设置默认值。
首先,您需要在Vue实例中定义一个`data`属性来保存`el-date-picker`的值,例如`selectedDate`。
然后,在`el-date-picker`中使用`v-model`指令将`selectedDate`绑定到日期选择器的值上。
最后,在创建Vue实例时,将`selectedDate`设置为当前年月。
下面是一个示例代码:
<template>
<div>
<el-date-picker v-model='selectedDate' type='month'></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
selectedDate: new Date()
};
}
};
</script>
在上面的示例中,我们将`v-model='selectedDate'`用于`el-date-picker`,并在`data`中将`selectedDate`初始化为当前日期。这将导致`el-date-picker`默认显示当前年月。
请注意,`el-date-picker`的`type`属性设置为`month`,以使其只显示年月。
这样,您就可以将`el-date-picker`设置为默认显示当前年月了。
原文地址: https://www.cveoy.top/t/topic/drla 著作权归作者所有。请勿转载和采集!