element 日期范围带快捷键

<el-date-picker

        format="yyyy-MM-dd"

        value-format="yyyy-MM-dd"

        v-model="valueDate"

        type="daterange"

        align="right"

        unlink-panels

        range-separator="~"

        start-placeholder="开始日期"

        end-placeholder="结束日期"

        :picker-options="pickerOptions"

      >

      </el-date-picker>

 

data 里面

pickerOptions: {

        shortcuts: [{

          text: '最近一天',

          onClick(picker) {

          const end = new Date();

          const start = new Date();

          start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);

          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 * 90);

            picker.$emit('pick', [start, end]);

          }

        },{

          text: '最近六个月',

            onClick(picker) {

            const end = new Date();

            const start = new Date();

            start.setTime(start.getTime() - 3600 * 1000 * 24 * 180);

            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]);

        }

        }]

      },

      valueDate: "",