100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vue+ant desigin TimePicker 时间控制

vue+ant desigin TimePicker 时间控制

时间:2018-12-05 05:07:45

相关推荐

vue+ant desigin TimePicker 时间控制

在开发项目过程中会用到时间选择器:日期,开始时间与结束时间分开选择时,对于日期的可选范围,以及选择了开始时间后,结束时间必须大于开始时间,修改结束时间后,开始时间要小于结束时间。上代码😄,如有不足欢迎批评指正。

<a-date-picker:disabled-date="disabledDate"placeholder="请选择"//不显示清空图标:allowClear="false"style="width: 250px"v-model="form.liveTime"/><a-time-pickerv-model="content_CalendarCalendar_form.start_time"format="HH:mm:ss"valueFormat="HH:mm:ss"placeholder="开始时间":disabledHours="disabledStartHours":disabledMinutes="disabledStartMinutes":disabledSeconds="disabledStartSeconds"hideDisabledOptions/><a-time-pickerstyle="width: 250px"v-model="content_CalendarCalendar_form.end_time"format="HH:mm:ss"valueFormat="HH:mm:ss"placeholder="结束时间":disabledHours="disabledEndHours":disabledMinutes="disabledEndMinutes":disabledSeconds="disabledEndSeconds"hideDisabledOptions/>

//不可选的日期disabledDate(current){//获取时间 beginDate-开始时间 endDate-结束时间return current < moment(beginDate).startOf('day') || current > moment(endDate).endOf('day');},//获取不可选择的小时disabledStartHours(){if(this.content_CalendarCalendar_form.end_time){let hours = [];let hour = Number.parseInt(this.content_CalendarCalendar_form.end_time.substring(0, 2));for (let i = hour+1; i < 24; i++) {hours.push(i);}return hours}},//获取不可选择的分钟disabledStartMinutes(selectedHour){if(this.content_CalendarCalendar_form.end_time){let minutes = [];let hour = Number.parseInt(this.content_CalendarCalendar_form.end_time.substring(0, 2));let minute = Number.parseInt(this.content_CalendarCalendar_form.end_time.substring(3, 5));if(selectedHour>=hour){for (let i = minute+1; i < 60; i++) {minutes.push(i);}}return minutes}},// 获取不可选择的秒disabledStartSeconds(selectedHour, selectedMinute){if(this.content_CalendarCalendar_form.end_time){let seconds = [];let hour = Number.parseInt(this.content_CalendarCalendar_form.end_time.substring(0, 2));let minute = Number.parseInt(this.content_CalendarCalendar_form.end_time.substring(3, 5));let second = Number.parseInt(this.content_CalendarCalendar_form.end_time.slice(-2));if(selectedHour >= hour && selectedMinute >= minute){for (let i = second+1; i < 60; i++) {seconds.push(i);}}return seconds}},//获取不可选择的小时disabledEndHours(){if(this.content_CalendarCalendar_form.start_time){let hours = [];let hour = Number.parseInt(this.content_CalendarCalendar_form.start_time.substring(0, 2));for (let i = 0; i < hour; i++) {hours.push(i);}return hours}},//获取不可选择的分钟disabledEndMinutes(selectedHour){if(this.content_CalendarCalendar_form.start_time){let minutes = [];let hour = Number.parseInt(this.content_CalendarCalendar_form.start_time.substring(0, 2));let minute = Number.parseInt(this.content_CalendarCalendar_form.start_time.substring(3,5));if(selectedHour<=hour){for (let i = 0; i < minute; i++) {minutes.push(i);}}return minutes}},//获取不可选择的秒disabledEndSeconds(selectedHour, selectedMinute){if(this.content_CalendarCalendar_form.start_time){let seconds = [];let hour = Number.parseInt(this.content_CalendarCalendar_form.start_time.substring(0, 2));let minute = Number.parseInt(this.content_CalendarCalendar_form.start_time.substring(3,5));let second = Number.parseInt(this.content_CalendarCalendar_form.start_time.slice(-2));if(selectedHour <= hour && selectedMinute <= minute){for (let i = 0; i < second; i++) {seconds.push(i);}}return seconds}},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。