后端大佬要求在日期選擇器范圍內,縮小到最多選擇七天的范圍,這可怎么辦
<el-date-picker v-model="formInline.time2" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" start-placeholder="開始日期" end-placeholder="結束日期" :disabled="disabledStates" :picker-options="pickerOptions" ></el-date-picker>
這是html代碼;
timeOptionRange: string = ""; pickerOptions = { onPick: time => { //當第一時間選中才設置禁用 if (time.minDate && !time.maxDate) { this.timeOptionRange = time.minDate; } if (time.maxDate) { this.timeOptionRange = null; } }, disabledDate: time => { let timeOptionRange: any = this.timeOptionRange; let secondNum = 60 * 60 * 24 * 6 * 1000; if (timeOptionRange) { return (time.getTime() > timeOptionRange.getTime() + secondNum || time.getTime() < timeOptionRange.getTime() - secondNum);
} } };
這是JS代碼
完美解決....