v-model="addForm.endTime"
type="datetime"
:picker-options="{
disabledDate: disabledDateStart,
selectableRange: selectableRangeStart,
}"
//compute
computed: {
selectableRange() {
let now = this.parseTime(this.now, `{h}:{i}:{s}`);
return `00:00:00 - ${now}`;
},
}
//method
sameDay(t1,t2){
return moment(t1).diff(moment(+this.addForm.beginTime), 'd') == 0
}
// vue watch
watch: {
'endTime'(newValue, oldValue) {
const isStartTimeDay = this.sameDay(newValue, +this.beginTime);
if(isStartTimeDay && moment(newValue).diff(moment(+this.beginTime))<0){
this.addForm.endTime = moment(+this.beginTime).add(1, 'm').valueOf()
return
}
if(isStartTimeDay) this.selectableRangeStart = moment(+this.beginTime).format('HH:mm:ss-23:59:59');
else this.selectableRangeStart = '00:00:00-23:59:59';
}
},
element data-time-picker时间范围选择处理
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 开始日期当天，时间只能选择此刻及后面的时间，结束日期也选择当天的话，时间只能选择开始时间后面的时间，如果不是当天时...
- 前言 都是坑，防不胜防，使用el-date-picker 配置如下 第一次选择时间啥得都没问题 当第一次选择...
- 时间 selectableRange [00:00:00 - 23:59:59] 日期 disabledDate ...
- <el-date-picker v-model="temp.IntoHouseDate" type="date" ...
- 需求：控制日期最多只能选择30天，所以当我选择其中一个日期后，第二个日期选择只能控制在前后30天（意思就是只有在选...
