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天(意思就是只有在选...