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

Element-ui动态限定日期范围选择器代码片段

时间:2023-03-31 20:47:18 vue.js

这个问题怎么开我是coder,原因是这次遇到了之前已经实现的功能细节。它是直接复制和粘贴。详情picker-options设置规则:时间范围最多可选择30天,最晚时间为今天。element-ui的日期选择器组件是el-date-picker。设置pickerOptions2,data(){return{pickerOptions2:{disabledDate:theDate=>{constoneDay=3600*1000*24constcurrent=theDate.getTime()constnow=Date.now()constcondition1=current>nowif(!this.minDateTimestamp)returncondition1constpickerRangeNum=30//时间范围最多可以选择30天,最晚的时间是今天constlastMonthBegin=this.minDateTimestampconstlastMonthEnd=lastMonthBegin+pickerRangeNum*oneDayreturn(condition1||当前lastMonthEnd)},onPick:({maxDate,minDate})=>{this.minDateTimestamp=minDate.getTime()if(maxDate){this.minDateTimestamp=0}},},}},模板设置,总结element-ui的动态限定日期范围选择器,回头看看,别着急