element-ui 中日期控件限制时间跨度
支持点击今天及之前任意日期,前后跨度不超过31天,且不超过今天
1 2 3 4 5 6 7 8 9 10 | <el-date-picker v-model= "searchForm.dateRange" type= "daterange" :clearable= "false" range-separator= "至" start-placeholder= "开始日期" end-placeholder= "结束日期" value-format = "yyyy-MM-dd" :picker-options= "pickerOptions" ></el-date-picker> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | data() { minDate: '' , maxDate: '' , pickerOptions: { onPick: ({ maxDate, minDate }) => { this .minDate = minDate this .maxDate = maxDate }, disabledDate: (time) => { //查询时间跨度为31天 if ( this .minDate){ let range = 31 * 24 * 3600 * 1000 return time.getTime() > Date.now() || time.getTime() > ( this .minDate.getTime() + range) || time.getTime() < ( this .minDate.getTime() - range) } return time.getTime() > Date.now() } } } |
青春承载希望,奋斗成就未来
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步