<a-range-picker :format="dateFormat" size="small" :showToday="true" class="org-rang-Time" allowClear :show-time="{hideDisabledOptions:true}" :disabled-date="disabledDate" :disabled-time="disabledRangeTime" v-decorator="['orgStartEndTime',validatorRules.orgStartEndTime]" :placeholder="['開始時間', '結束時間']" @change="onTimeChange"/>
兩個知識點:1.時間重置;2.時間限制
onTimeChange(value, dateString){//任務起止時間設置 if(value.length>0){ this.orgStartEndTime = value; this.beginTime = dateString[0]; this.endTime =dateString[1]; }else{ // 時間重置 this.orgStartEndTime = moment([]).format('YYYY-MM-DD HH:mm:ss'); this.beginTime =''; this.endTime =''; } }, range(start, end) { const result = []; for (let i = start; i < end; i++) { result.push(i); } return result; }, disabledDate(current) { // 禁用當前時間之前的時間 return current < moment().startOf('day'); }, disabledRangeTime(_, type) { if (type === 'start') { return { disabledHours: () => this.range(0, moment().hour()), disabledMinutes: () => this.range(0, moment().minute()), disabledSeconds: () => this.range(0, moment().second()) }; } return { // disabledHours: () => this.range(0, 60).splice(20, 4), // disabledMinutes: () => this.range(0, 30), // disabledSeconds: () => this.range(0, 60), }; },