Element-ui踩坑记录：DatePicker日期选择器的常见问题与解决方案

在使用Element-ui的DatePicker日期选择器时，可能会遇到以下问题：

1. 默认日期不正确
   问题描述：在初始化DatePicker时，默认显示的日期与预期不符。
   解决方案：确保在使用DatePicker时传递了正确的默认日期值。你可以通过v-model双向绑定来设置默认日期。
   示例代码：

   <el-date-picker v-model="date" type="date" placeholder="选择日期">
   </el-date-picker>

2. 日期格式不正确
   问题描述：选定的日期以不期望的格式显示。
   解决方案：使用format属性来定义日期的显示格式。确保你设置的格式与你期望的输出格式一致。
   示例代码：

   <el-date-picker v-model="date" type="date" placeholder="选择日期" format="yyyy-MM-dd">
   </el-date-picker>

3. 无法选择过去或未来的日期
   问题描述：用户无法选择过去的日期或未来的日期。
   解决方案：使用disabled-date属性来限制用户选择的日期范围。你可以提供一个函数来判断哪些日期应该被禁用。
   示例代码：

   <el-date-picker v-model="date" type="date" placeholder="选择日期" :disabled-date="disabledDate">
   </el-date-picker>

   methods: {
   disabledDate(time) {
   const today = new Date(); // 当前日期和时间