当前位置: 首页 > Web前端 > vue.js

ant-design-vueDatePicker日期选择框时间选择范围受限

时间:2023-03-31 15:29:04 vue.js

方法一:预选预处理(1)disableDate禁用日期选择的原理:点击展开时间选择器时,会默认遍历选择器中显示的所有日期,按日期返回,我们可以返回(true/false)判断是否可选disableDate(date){returndatereturnarray(hours)}//如果选择了时间,则动态返回可选时间(处理与开始时间相同的时间)if(time){lethourschosen=this.$moment(time._d).format("HH")if(hourschosen===hours){result={disabledHours:()=>returnarray(hours)disabledMinutes:()=>returnarray(parseInt(minutes,0)+1)}}}返回结果;}}方法二:选择后判断手表:{endValue(val){if(this.startValue&&val){if(this.startValue>val){letvue=newVue()this.endValue=nullvue.$message.warning("结束时间不能小于开始时间")}}}}