element-ui时间组件同一个月内选择/30天内选择

element-ui时间组件同一个月内选择/30天内选择

同一个月

<el-date-picker v-model="time" type="datetimerange"range-separator="至" start-placeholder="开始时间"value-format="timestamp" :picker-options="pickerOptions"end-placeholder="结束时间" @change="bizPayLog(1)"></el-date-picker>//写在data return
selectData:'',//日期选择范围在一个月内pickerOptions: {onPick: ({ maxDate, minDate }) => {this.selectData = minDate.getTime()if (maxDate) {// 选择了最大日期后，清除已选日期，解除限制。this.selectData = ''}},disabledDate: (time) => {// 是否禁用日期选择if (this.selectData) {let date = new Date(this.selectData)// true：不可以选择该日期；false：可以选择该日期。// 大于或者小于本月的日期被禁用return date.getMonth() > new Date(time).getMonth() || date.getMonth() < new Date(time).getMonth()} else {return false;}}},

30天以内

 pickerMinDate:'',//日期选择范围在一个月内pickerOptions: {onPick: ({ maxDate, minDate }) => {console.log(this.pickerMinDate,'this.pickerMinDate')this.pickerMinDate = minDate.getTime();if (maxDate) {this.pickerMinDate = '';}},disabledDate: time => {console.log(this.pickerMinDate,'this.pickerMinDate1')if (this.pickerMinDate !== "") {const day30 = (31 - 1) * 24 * 3600 * 1000;// 只选后30天，minTime不用加day30,只选前30天，maxTime不用加day30let maxTime = this.pickerMinDate + day30;let minTime = this.pickerMinDate - day30;if (maxTime > new Date()) {maxTime = new Date();}return time.getTime() > maxTime || time.getTime() < minTime;}return time.getTime() > Date.now();}},