element-admin中使用el-date-picker

<el-date-picker
    v-model="listSearch.date"
    type="daterange"
    unlink-panels
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    value-format="yyyy-MM-dd HH:mm:ss"
    :picker-options="pickerOptions"
    style="margin-left: 10px;width:300px"
    >
</el-date-picker>

pickerOptions: {
        shortcuts: [{
          text: '当天',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime());
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近一周',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近一个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近一年',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 365);
            picker.$emit('pick', [start, end]);
          }
        }]
      },

value-format="yyyy-MM-dd HH:mm:ss"不能少，否则传递的时间不正确

使用:picker-options="pickerOptions"，不要使用:shortcuts="shortcuts"，后者没有效果，因为element-admin中vue的版本低