element时间选择器自定义禁选日期

 在elementui里面自定义可选日期

前一段用到了elementui的时间选择器,需求是禁选传过来日期之前的日期,查找了网上一些资料,发现大部分都是固定当日前或后的,开发时候也碰到了一些问题和大家分享一下.

我的目的是用父组件传过来的一个日期,禁选这个日期之前的日期,这个日期是yyyymmdd格式的,

但是,我无论直接拿props的这个值,还是把这个值赋值给data,他都会报找不到这个值的错误,但是却可以在其他地方log出来这个值

 这个问题可能是element时间选择器的this指向的原因,所以我直接把这个值给了window

 然后在里面直接取window的值,再进行yyyymmdd转data格式的处理

于是这样就大功告成了

下面附上时间选择器自定义禁选的代码

 open是显示这个子组件的方法,rzrq是props传过来的

 这个是在data里面的,因为elementui的时间选择器的picker-options需要传一个对象,这个对象的disabledDate是关于设置禁用状态，参数为当前日期，要求返回 Boolean.

element的时间选择器需要一个data,所以要yyyymmdd转换成data,而8.64e7是一天的毫秒,作用是当天可选.

关于这次的踩坑经历就分享完毕了,如果有热心的大神可以提供一下其他解决办法.