el-date-picker 日期选择器默认日期为当天日期
warning:
这篇文章距离上次修改已过204天，其中的内容可能已经有所变动。
在使用 Element UI 的 el-date-picker 组件时，若要设置默认显示为当天日期，可以将 v-model 绑定到一个数据属性上，并且在组件初始化时将该属性设置为当前日期。
以下是一个简单的例子：
<template>
<el-date-picker
v-model="currentDate"
type="date"
placeholder="选择日期"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
currentDate: new Date() // 设置为当前日期
};
},
mounted() {
this.currentDate = new Date(); // 确保在组件挂载时设置为当前日期
}
};
</script>在这个例子中，currentDate 被初始化为当前日期和时间，并且在组件挂载（mounted 钩子）时再次确保它是当前日期。用户打开页面时，日期选择器将默认显示为今天的日期。如果需要时间也作为当前，可以将 new Date() 替换为 new Date() 或者使用 new Date() 来获取当前日期和时间。
评论已关闭