vue.js elementui vue element-ui年份范围选择器，年日期插件，可选日期区间等

可以禁止选择未来日期，以及可选的日期范围控制，代码在最下面。

直接上代码： 先来一个不禁止选择的示例

yearDate.js文件

export const clickoutside = {

bind(el, binding, vnode) {

function documentHandler(e) {

// 这里判断点击的元素是否是本身，是本身，则返回

if (el.contains(e.target)) {

return false

}

// 判断指令中是否绑定了函数

if (binding && binding.expression) {

// 如果绑定了函数 则调用那个函数，此处binding.value就是handleClose方法

if (binding.value && binding.value(e)) {

binding.value(e)

}

}

}

// 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听

el.__vueClickOutside__ = documentHandler

document.addEventListener('click', documentHandler)

},

unbind(el, binding) {

// 解除事件监听

document.removeEventListener('click', el.__vueClickOutside__)

delete el.__vueClickOutside__

}

}

export const SELECT_STATE = {

unselect: 0,

selecting: 1,

selected: 2

}

我是禁止了未来日期，时间跨度，只能选3年， 代码如下：

参考地址：https://www.jianshu.com/p/44584a4a4953

好文阅读

 您阅读本篇文章共花了：