DatePicker 日期选择器el-date-picker赋值&&带快捷选项

<template>
    <div class="main">
        <el-form ref="form"  label-width="150px" inline>
            <el-form-item label="开始日期：">
                <el-date-picker v-model="value1" placeholder="选择日期" size="small" type="date"
                    :picker-options="pickerOptions">
                </el-date-picker>
            </el-form-item>
            <el-form-item label="结束日期：">
                <el-date-picker v-model="value2" placeholder="选择日期" size="small" type="date"
                    :picker-options="pickerOptions">
                </el-date-picker>
            </el-form-item>
        </el-form>
        <el-date-picker v-model="pickDate" type="daterange" align="right"  range-separator="至" start-placeholder="开始日期"  end-placeholder="结束日期" :picker-options="pickerOptions" />
        <!-- <span style="display: inline-block;padding-left: 30px;">
            <el-radio-group v-model="timeType">
                    <el-radio label="year">年</el-radio>
                    <el-radio label="month">月</el-radio>
                </el-radio-group>
            <el-date-picker id="chooseDate" ref="chooseDate" v-model="curTime" :type="timeType" placeholder="选择日期" @change="datePickerChange"></el-date-picker>
        </span> -->
        <p>
            <el-radio-group v-model="timeType">
                    <el-radio label="year">年</el-radio>
                    <el-radio label="month">月</el-radio>
                </el-radio-group>
            <el-date-picker id="chooseDate" ref="chooseDate" v-model="curTime" :type="timeType" placeholder="选择日期" @change="datePickerChange"></el-date-picker>
        </p>
    </div>
</template>
<script>
export default {
    data() {
        return {
            pickerOptions: {
                // disabledDate(time) {
                //   return time.getTime() > Date.now();
                // },
                shortcuts: [{
                    text: '今天',
                    onClick(picker) {
                        picker.$emit('pick', new Date());
                    }
                }, {
                    text: '昨天',
                    onClick(picker) {
                        const date = new Date();
                        date.setTime(date.getTime() - 3600 * 1000 * 24);
                        picker.$emit('pick', date);
                    }
                }, {
                    text: '一周前',
                    onClick(picker) {
                        const date = new Date();
                        date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
                        picker.$emit('pick', date);
                    }
                }]
            },
            value1:'',
            value2:'',
            pickDate:[],
            timeType:'month',
            curTime:''
        }
    },
    created() {
        let beginTime = "2020-11-30 00:00:00";
        let endTime = "2020-12-07 23:59:59";
        this.pickDate = [new Date(beginTime), new Date(endTime)]
        this.value1 = new Date(beginTime)
        this.value2 = new Date(endTime)
        this.curTime=new Date()
    },
      methods: {
        datePickerChange() {
        },
    }
}
</script>