aike/emis-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

md

Browse Source
This commit is contained in:
linfso 2024-06-25 10:01:14 +08:00
parent 064651c14c
commit 6c8a44c16c
2 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/DatePickerAdv/elDate7DayPicker.vue
View File

@ -7,7 +7,6 @@
type="datetimerange" type="datetimerange"
:default-time="['00:00:00', '23:59:59']" :default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
ref="timeRangePicker" ref="timeRangePicker"
@ -34,19 +33,22 @@ export default {
return { return {
dateRange: this.value, dateRange: this.value,
pickerMinDate: null, pickerMinDate: null,
maxDay:7 * 24 * 3600 * 1000,
pickerOptions: { pickerOptions: {
onPick: ({ maxDate, minDate }) => { onPick: ({ maxDate, minDate }) => {
this.pickerMinDate = new Date(minDate).getTime(); this.pickerMinDate = new Date(minDate).getTime();
}, },
disabledDate: time => { disabledDate: time => {
if (this.pickerMinDate) { // if (this.pickerMinDate) {
const day1 = 7 * 24 * 3600 * 1000; // // const day = 7 * 24 * 3600 * 1000;
let maxTime = this.pickerMinDate + day1; // // const day6 = 6 * 24 * 3600 * 1000;
let minTime = this.pickerMinDate - day1; // let maxTime = this.pickerMinDate + this.maxDay;
return time.getTime() > maxTime || time.getTime() < minTime; // let minTime = this.pickerMinDate - this.maxDay;
}else{ // return time.getTime() > maxTime || time.getTime() < minTime;
return time.getTime() > Date.now() // }else{
} // return time.getTime() > Date.now()
// }
return false;
} }
}, },
} }
@ -66,9 +68,21 @@ export default {
dateChange(value) { dateChange(value) {
if(this.dateRange&&this.dateRange.length==2){ if(this.dateRange&&this.dateRange.length==2){
this.dateRange[0]=timeFormat(this.dateRange[0]); const startTime=new Date(this.dateRange[0]);
this.dateRange[1]=timeFormat(this.dateRange[1]); const endTime=new Date(this.dateRange[1]);
if( endTime.getTime() > dayjs(startTime.getTime()).add(6, 'day') ){
this.$message.error("选择不能不超过7天！");
this.dateRange=null;
return
} }
// this.dateRange[0]=timeFormat(this.dateRange[0]);
// this.dateRange[1]=timeFormat(this.dateRange[1]);
}else{
}
this.$emit("input", this.dateRange); this.$emit("input", this.dateRange);
this.$emit('dateTimeChange', this.dateRange) this.$emit('dateTimeChange', this.dateRange)
}, },

1
src/components/DatePickerAdv/elDateAdvPicker.vue
View File

@ -2,6 +2,7 @@
<div class="date-box"> <div class="date-box">
<el-date-picker <el-date-picker
:default-time="['00:00:00', '23:59:59']" :default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="dateRange" v-model="dateRange"
type="datetimerange" type="datetimerange"
start-placeholder="开始日期" start-placeholder="开始日期"