1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ElementUI 时间控件el-date-picker设置时间范围7天且不能超过当天

ElementUI 时间控件el-date-picker设置时间范围7天且不能超过当天

时间:2020-05-23 19:05:38

相关推荐

ElementUI 时间控件el-date-picker设置时间范围7天且不能超过当天

使用官方文档自带的pickerOptions 事件

template部分:

<el-form-item label="选择时间"><el-date-pickerv-model="bodyCount.date"type="daterange"range-separator="至"start-placeholder="开始时间"end-placeholder="结束时间"format="yyyy-MM-dd"value-format="timestamp":picker-options="pickerOptions"></el-date-picker></el-form-item>

script部分:

......data(){return{timeOptionRange: '',pickerOptions: {onPick:time => {//当第一时间选中才设置禁用if (time.minDate && !time.maxDate) {this.timeOptionRange = time.minDate;}if (time.maxDate) {this.timeOptionRange = null;}},disabledDate:time => {let timeOptionRange = this.timeOptionRange;let secondNum = 60 * 60 * 24 * 7 * 1000;if (timeOptionRange) {if((timeOptionRange.getTime()+secondNum)>(Date.now() - 8.64e6)){return time.getTime() > Date.now() - 8.64e6 || time.getTime() < timeOptionRange.getTime() - secondNum;}return time.getTime() > timeOptionRange.getTime() + secondNum || time.getTime() < timeOptionRange.getTime() - secondNum;}}},}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。