【ElementUI】日期选择器时间选择范围限制(正解)

<el-date-picker size="mini" v-model="startenddate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" :picker-options="pickerOptions0" :editable="false" :clearable="true" > </el-date-picker>

data(){ return { startenddate:'', startdate:'2018-06-01', enddate:'2018-06-30', pickerOptions0:this.limitDate(), } },

methods: { limitDate(){ let self = this; return { disabledDate(time){ return time.getTime() < new Date(self.startdate).getTime() || time.getTime() > new Date(self.enddate).getTime(); } } }, }

参考：https://www.cnblogs.com/xjcjcsy/p/7977966.html

注意：网上的方法大多数都是把distaledDate直接放在data里，这样的话，就没办法调用data的其它值，因为通常这个范围值是动态的，是随着条件变化而变化的，并不只是今天，明天，后天这么简单。

很久没写博客了，今天踩的坑，还希望后来人不要再踩。

以上。

转载于:https://my.oschina.net/wangyaobeijing/blog/1830384