ElementUI日期选择器显示默认时间

ElementUI日期选择器显示默认时间

                <el-form-item label="时间" class="form-item">
                    <el-date-picker
                        v-model="date"
                        type="daterange"
                        align="left"
                        unlink-panels
                        range-separator="~"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                        :picker-options="pickerOptions"
                        format="yyyy-MM-dd"
                        value-format="yyyy-MM-dd"
                    />
                </el-form-item>

data() {
	return {
		pickerOptions: {
            disabledDate(time) {
                return time.getTime() > Date.now() - 8.64e6;
            }
        }
	}
},
methods: {
        // 设置默认的开始与结束时间
        getDefaultTime() {
            const that = this;
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 365);
            end.setTime(end.getTime() - 3600 * 1000 * 24 * 1);
            that.date[0] = that.formDate(start); // 开始时间
            that.date[1] = that.formDate(end); // 结束时间
        },
        // 格式化时间
        formDate(date) {
            var myYear = date.getFullYear();
            var myMonth = date.getMonth() + 1;
            var myWeekday = date.getDate();
            if (myMonth < 10) {
                myMonth = '0' + myMonth;
            }
            if (myWeekday < 10) {
                myWeekday = '0' + myWeekday;
            }
            return myYear + '-' + myMonth + '-' + myWeekday;
        }
    }
            

结果：显示时间阶段为去年的今天到今年的昨天。

参考链接：https://www.cnblogs.com/xiaoxiao529/p/12610969.html