【VUE项目实战纪录】Vuew 中 使用 Element-UI 的el-date-picker实现双日历选择格式

前言

在实际项目中，有时需要选择起始日期，并设置选择范围，本文中使用的是vue并选择是使用element-ui中的el-date-picker选择器；

效果如下图所示：

1. 代码分析

在布局中使用的代码如下：

      <el-form-item label="选择日期">
        <el-date-picker
          v-model="teamDepartureDate"
          type="daterange"
          unlink-panels
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          value-format="yyyy-MM-dd"
          @change="changeTeamDepartureDateStart"
        >
        </el-date-picker>
      </el-form-item>