<el-form-item label="活动时间:">
<div style="display:flex;">
<el-form-item prop="startTime">
<el-date-picker
v-model="form.activityTime.startTime"
value-format="yyyy-MM-dd"
prefix-icon="el-icon-time"
type="date"
style="width:200px;"
:picker-options="addRecord == 1?pickerOptionsStart1:pickerOptionsStart"
placeholder="开始时间">
</el-date-picker>
</el-form-item>
<span style="margin:0 10px;">至</span>
<el-form-item prop="endTime">
<el-date-picker
v-model="form.activityTime.endTime"
value-format="yyyy-MM-dd"
prefix-icon="el-icon-time"
type="date"
style="width:200px;"
:picker-options="addRecord == 1?pickerOptionsEnd1:pickerOptionsEnd"
placeholder="结束时间">
</el-date-picker>
</el-form-item>
pickerOptionsStart: this.beginDate(),
pickerOptionsEnd: this.endDate(),
pickerOptionsStart1: this.beginDate1(),
pickerOptionsEnd1: this.endDate1(),
beginDate1(){
return{
disabledDate: time => {
if (this.form.activityTime.endTime) {
return (
time.getTime() > Date.now() - 8.64e7 ||
time.getTime() > new Date(this.form.activityTime.endTime).getTime() /*开始日期要在选择的结束日期之前*/
);
}
return time.getTime() > Date.now() - 8.64e7; /*今天及以后*/
}
}
},
beginDate(){
return{
disabledDate: time => {
if (this.form.activityTime.endTime) {
return (
time.getTime() < Date.now() - 8.64e6 ||
time.getTime() > new Date(this.form.activityTime.endTime).getTime() /*开始日期要在选择的结束日期之前*/
);
}
return time.getTime() < Date.now() - 8.64e6; /*今天及以后*/
}
}
},
endDate1(){
return{
disabledDate: time => {
if (this.form.activityTime.startTime) {
return (
time.getTime() > Date.now() - 8.64e7 ||
time.getTime() < new Date(this.form.activityTime.startTime).getTime() /*结束日期要在选择的开始日期之后*/
);
}
return time.getTime() > Date.now() - 8.64e7; /*今天及以后*/
}
}
},
endDate(){
return{
disabledDate: time => {
if (this.form.activityTime.startTime) {
return (
time.getTime() < Date.now() - 8.64e6 ||
time.getTime() < new Date(this.form.activityTime.startTime).getTime() /*结束日期要在选择的开始日期之后*/
);
}
return time.getTime() < Date.now() - 8.64e6; /*今天及以后*/
}
}
},
时间
<el-form-item label="折扣时段:">
<div style="display:flex;">
<el-form-item prop="startInterval">
<el-time-picker
v-model="form.activityTime.startInterval"
value-format="HH:mm"
format="HH:mm"
style="width:200px;"
:picker-options="{
selectableRange: `00:00:00-${form.activityTime.endInterval}:59`,
format:'HH:mm'
}"
placeholder="开始时段">
</el-time-picker>
</el-form-item>
<span style="margin:0 10px;">至</span>
<el-form-item prop="endInterval">
<el-time-picker
v-model="form.activityTime.endInterval"
value-format="HH:mm"
format="HH:mm"
style="width:200px;"
:picker-options="{
selectableRange: `${form.activityTime.startInterval}:00-23:59:59`,
format:'HH:mm'
}"
placeholder="结束时段">
</el-time-picker>
</el-form-item>
</div>
</el-form-item>