antDesignVue 시간 선택 상자, 과거 또는 미래 시간 선택 안 함

antDesignVue 시간 선택 상자
	<a-date-picker
		:disabledDate="disabledDate"
		@ok="timeOk"
		format="YYYY-MM-DDTHH"
		:showTime="{ defaultValue: moment(moment().add(1,'hours').format('HH'), 'HH') }"
		v-decorator="['stopTime',{
		rules: [ { required: true,message: '     ' } ]
	}]" />
  • 과거 또는 향후 시간
  • 을 선택할 수 없음
    	disabledDate (current) {
    	  //        
          return current < moment().add(-1, 'd');
          //        
          return current && current > Date.now();
        },
    
  • 표에서 선택한 시간이 요구에 부합되는지 판단하고 선택한 시간을 비우지 않으면 오류 정보를 알린다
  • 	timeOk (date) {
           if(date < moment()) {
               console.log('    ,     ')
               this.form.setFields({stopTime:{
                 value: undefined,
                 errors: [new Error('    ,     ')]
               }})
            }
         },
    

    좋은 웹페이지 즐겨찾기