Element-Plus使用过程中遇到的问题记录

此文章是记录在使用Element-Plus中遇到的一些问题,后续会持续更新记录，如有说的不对的地方，欢迎各位补充和指正！

一、Form表单

1、el-form中model和ref属性的值不能同名

在使用el-form中我的model和ref使用的值同名了，导致model绑定的对象值一直获取不到，然后我把ref的值改了一下，model的值就出来了。
错误使用：

 <el-form :model="dialogForm" ref="dialogForm" :rules="ruleForm" label-position="right" label-width="100">
 </el-form>

正确使用：

<el-form :model="dialogForm" ref="form" :rules="ruleForm" label-position="right" label-width="100">
 </el-form>

注意事项：
1、el-form的ref和model属性的参数值必须不一样，否则会冲突。

二、DatePicker

1、设置禁用日期:disabled-date

需求：设置比当前时间小的日期不可选

   <el-date-picker
                  v-model="searchParams.PlanStartDate"
                  :disabled-date="disabledDate"
                  placeholder="请选择日期"
                  style="width: 330px"
                  @change="getStartDate"
              ></el-date-picker>

<script setup>
	const disabledDate = (time) => {
	//比当前时间小的日期禁用
 		 return time.getTime() < Date.now() - 24 * 3600 * 1000;
}
</script>

如果是设置未来的日期不可选，则修改为：

<script setup>
	const disabledDate = (time) => {
	//大于当前时间的日期不可选
 		 return time.getTime() > Date.now();
}
</script>