简单设置el-date-picker的默认当前时间问题

下面是详细讲解如何设置 el-date-picker 的默认当前时间的攻略：

1.需求分析

当我们使用 el-date-picker 来选择日期时，默认展示的日期为当前日期，这在大部分场景下都是符合要求的。但有时候我们需要默认选中其他日期，比如一个从某一具体日期开始的查询页面。

在这种情况下，我们就需要设置 el-date-picker 的默认当前时间，让它默认选中我们期望的日期。

2.解决方案

下面是两种设置 el-date-picker 默认当前时间的解决方案：

2.1 通过 value 属性设置默认值

我们可以使用 value 属性设置 el-date-picker 的默认值，具体步骤如下：

<el-date-picker v-model="date" value="2020-12-31"></el-date-picker>

这里我们通过将 value 属性设置为 "2020-12-31" 来将 el-date-picker 的默认值设置为 2020 年 12 月 31 日。这样，当我们打开日期选择器时，它默认选中的日期就是 2020 年 12 月 31 日。

2.2 通过 default-value 属性设置默认值

除了使用 value 属性外，我们还可以使用 default-value 属性设置 el-date-picker 的默认值。具体步骤如下：

<el-date-picker v-model="date" :default-value="new Date('2020-12-31')"></el-date-picker>

这里我们通过将 default-value 属性设置为 new Date('2020-12-31') 来将 el-date-picker 的默认值设置为 2020 年 12 月 31 日。这样，当我们打开日期选择器时，它默认选中的日期就是 2020 年 12 月 31 日。

3.总结

本文介绍了两种设置 el-date-picker 默认当前时间的解决方案，分别是通过 value 属性和 default-value 属性设置默认值。我们可以根据具体的场景选择适合自己的解决方案。

希望本文能够帮助大家解决设置 el-date-picker 默认当前时间的问题。