当前时间只能选择两年之内的时间 只能选择30天之内的时间范围其实这个功能只需要一个时间框跟后台讨论 只能选择两年之内的时间数据检索两个月之内的数据就可完美解决只是无奈 有的 沙币不同意。实现1.htmlel-date-picker v-modelresForm.nowDate typedaterange start-placeholder开始日期 end-placeholder结束日期 :picker-optionspickerOptions changechange /el-date-picker2.jsdata() { let _this this; return { pickerOptions: { disabledDate(time) { _this.resForm.setNowDate _this.resForm.nowDate; // 设置选择一个月之前到今天的日期 let curDate (new Date()).getTime(); let pre new Date(); let twoYears pre.setFullYear(pre.getFullYear() - 2); // 到今天的时间 或者 小于2年之前的时间 return time.getTime() Date.now() || time.getTime() twoYears; } } }, methods: { change(time){ let curDate (new Date()).getTime(); let oneMonths 30 * 24 * 3600 * 1000; if (time[1] time[0]) { if (time[1].getTime() - oneMonths time[0].getTime()) { this.$notify({ title: 提示, message: 日期间隔只能选取30天, type: warning }); this.resForm.nowDate this.resForm.setNowDate; } } } }
elementui中时间控件限制日期+选择不生效
发布时间:2026/7/16 2:00:02
当前时间只能选择两年之内的时间 只能选择30天之内的时间范围其实这个功能只需要一个时间框跟后台讨论 只能选择两年之内的时间数据检索两个月之内的数据就可完美解决只是无奈 有的 沙币不同意。实现1.htmlel-date-picker v-modelresForm.nowDate typedaterange start-placeholder开始日期 end-placeholder结束日期 :picker-optionspickerOptions changechange /el-date-picker2.jsdata() { let _this this; return { pickerOptions: { disabledDate(time) { _this.resForm.setNowDate _this.resForm.nowDate; // 设置选择一个月之前到今天的日期 let curDate (new Date()).getTime(); let pre new Date(); let twoYears pre.setFullYear(pre.getFullYear() - 2); // 到今天的时间 或者 小于2年之前的时间 return time.getTime() Date.now() || time.getTime() twoYears; } } }, methods: { change(time){ let curDate (new Date()).getTime(); let oneMonths 30 * 24 * 3600 * 1000; if (time[1] time[0]) { if (time[1].getTime() - oneMonths time[0].getTime()) { this.$notify({ title: 提示, message: 日期间隔只能选取30天, type: warning }); this.resForm.nowDate this.resForm.setNowDate; } } } }