<el-data-picker
v-model="contacTime"
size="small"
type="datetimerange"
:default-time="['00:00:00':'23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss"
rang-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOption"
></el-data-picker>
data () {
return {
minDate: '',
maxDate: '',
PickerOptions: {
onPick: ({maxDate, minDate}) => {
this.minDate = minDate
this.maxDate = maxDate
},
disabledDate: time => {
let day = 1000 * 3600 * 24
if (this.minDate) {
return time.getTime() > Date.now() && time > new Date(this.minDate.getTime() + 7776000000) || time < new Date(this.minDate.getTime() - (this.minDate.getTime() - (Date.now() - day)))
}
return time.getTime() < new Date(Date.now() - day)
}
}
}
}
时间组件限制30天
最新推荐文章于 2024-05-14 16:27:26 发布