element datepicker 默认值

element-datepicker是一个基于Element-UI的日期选择器组件，它提供了一种便捷的方式来选择和输入日期。

在使用element-datepicker时，可以通过设置默认值来在页面加载时显示预设的日期。默认值可以是一个具体的日期值，也可以是一个计算后的日期值。

设置默认值可以通过以下两种方式实现：

1. 通过v-model绑定数据

通过v-model指令可以将数据和element-datepicker组件进行双向绑定，从而实现默认值的设置。比如，我们可以将data中的一个变量绑定到datepicker上：

```html

```

在上面的例子中，selectedDate的初始值为'2022-01-01'，因此当页面加载时，element-datepicker会显示该日期。

2. 通过设置default-value属性

除了使用v-model绑定数据外，还可以使用default-value属性来设置默认值。default-value属性可以接收一个具体的日期值或一个可以计算出日期值的表达式。比如，我们可以设置default-value属性为当前日期：

```html

```

在上述例子中，通过设置default-value为getCurrentDate函数，datepicker会在页面加载时调用该函数获取当前日期作为默认值。

需要注意的是，default-value只在初始渲染时生效，后续对于v-model绑定的变量的改变不会影响默认值。

除了设置默认值，在element-datepicker中还可以设置最大日期和最小日期的限制，以及选择日期的快捷方式等。

通过设置默认值，element-datepicker可以在页面加载时自动显示指定的日期，提供了更好的用户体验。