Element Plus el-date-picker 日期区间初始值设置教程

<template>
  <el-date-picker
    v-model='dateRange'
    type='daterange'
    :value='defaultDateRange'
    range-separator='至'
    start-placeholder='开始日期'
    end-placeholder='结束日期'
  ></el-date-picker>
</template>
<script>
export default {
  data() {
    return {
      dateRange: [],
      defaultDateRange: [new Date(2021, 0, 1), new Date(2021, 0, 31)]
    };
  }
};
</script>
<p>在 Element Plus 的 el-date-picker 组件中，您可以通过设置 'value' 属性来给日期区间设置初始值。</p>
<p>如上代码示例，将日期区间的初始值设置为 2021 年 1 月 1 日到 2021 年 1 月 31 日：</p>
<ul>
<li>通过设置 'value' 属性为一个包含两个 Date 对象的数组，即可设置日期区间的初始值。</li>
<li>其中，new Date(2021, 0, 1) 表示 2021 年 1 月 1 日的 Date 对象，new Date(2021, 0, 31) 表示 2021 年 1 月 31 日的 Date 对象。</li>
</ul>