element data-time-picker时间范围选择处理

 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';
  }
},
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容