Vue3 - Element Plus 日期选择器 el-date-picker 设置默认值功能，使用 default-value 对选择器的默认日期进行设置（解决设置默认值后不起作用、无效怎么办）
在Vue 3和Element Plus中，设置日期选择器（el-date-picker）的默认值可以通过v-model来实现。以下是一个简单的例子，展示如何为日期选择器设置默认值：
<template>
<el-date-picker
v-model="date"
type="date"
placeholder="选择日期"
></el-date-picker>
</template>
<script setup>
import { ref } from 'vue';
import { ElDatePicker } from 'element-plus';
// 设置默认值为当前日期
const date = ref(new Date());
</script>在这个例子中，我们使用了ref来创建一个响应式的数据属性date，并将其初始化为当前日期。然后，我们通过v-model将这个属性绑定到el-date-picker组件上。当页面加载时，日期选择器将显示默认值，即当前日期。如果你想设置其他默认值，只需要将date的初始值设置为所需的日期即可。
评论已关闭