1、基本配置
<el-date-picker
????????????v-model="statisticsTime"
????????????:picker-options="pickerOptions"
????????????@focus="dateFocus"
????????????type="daterange"
????????????format="yyyy-MM-dd"
????????????value-format="yyyy-MM-dd"
????????????range-separator="至"
????????????start-placeholder="開始日期"
????????????end-placeholder="結束日期">
??????????</el-date-picker>
重點配置
????????????:picker-options="pickerOptions"
????????????@focus="dateFocus"
? ? ? ? ? ? data() {
????????????????pickerOptions:?{
????????????????????????onPick:?({maxDate,?minDate})?=>?{
??????????????????????????????this.minDate?=?'';
??????????????????????????????this.minDate?=?minDate;
????????????????????????},
????????????????????????disabledDate:?(time)?=>?{
??????????????????????????????if(!this.minDate)?return?time.getTime()?>?Date.now();
??????????????????????????????let?startDate?=?dayjs(this.minDate).subtract(12,?"month");
??????????????????????????????let?endDate?=?dayjs(this.minDate).add(12,?"month");
??????????????????????????????endDate?=?endDate?<=?Date.now()???endDate?:?Date.now();
??????????????????????????????return?time.getTime()?>?endDate?||?time.getTime()?<?startDate;
????????????????????????}
??????????},
}
dateFocus()?{
??????this.minDate?=?"";
????},
