2021-10-29

关于antd-vue a-range-picker 设置范围选择

          <a-form-item label="有效时限">
            <a-range-picker 
              class="timeData_style" 
              :showTime = 'showTime'
              :disabled-date="(current) => disabledDate(current)"
              v-decorator="[
              'timeData',{ initialValue: group.timeData,rules: [{ required: false, message: '请选择有效时限'}] },
              rangeConfig]" />
          </a-form-item>

		    disabledDate(startValue){
		      const startDate = this.timeData[0] || ''
		      const endDate = this.timeData[1] || ''
		      return (
		        (startValue && startValue < moment(startDate)) ||
		        startValue > moment(endDate)
		      )     
		    },