700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > elementUI中日期时间插件(DateTimePicke) 限制结束时间大于开始时间且开始时间小于当前时间

elementUI中日期时间插件(DateTimePicke) 限制结束时间大于开始时间且开始时间小于当前时间

时间:2020-06-23 04:23:15

相关推荐

elementUI中日期时间插件(DateTimePicke) 限制结束时间大于开始时间且开始时间小于当前时间

页面

<span class="searchtime">开始时间:</span><el-date-pickersize="small"v-model="searchingCondition.beginTime"type="date":picker-options="startTime"placeholder="选择开始日期"value-format="yyyy-MM-dd"></el-date-picker><span class="searchtime">结束时间:</span><el-date-pickersize="small"v-model="searchingCondition.endTime"type="date":picker-options="endTime"placeholder="选择结束时间"value-format="yyyy-MM-dd"></el-date-picker>

方法

data() {return {searchingCondition: {beginTime: '',endTime: '',},/* start */startTime: {disabledDate: time => {if (this.searchingCondition.endTime) {return (time.getTime() > new Date(this.searchingCondition.endTime).getTime());} else {return time.getTime() > Date.now();}}},endTime: {disabledDate: time => {if (this.searchingCondition.beginTime) {return (time.getTime() > Date.now() ||time.getTime() < new Date(this.searchingCondition.beginTime).getTime());} else {return time.getTime() > Date.now();}}},/* end*/};},

补充:只能选择下个月以后的数据

effectiveTime: {disabledDate: time => {const oneMonth = 30 * 24 * 3600 * 1000const mintime = Date.now() + oneMonth;return time.getTime() < mintime;}},

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