使用element-ui datepicker时间日期选择器遇到的问题

  • Post author:
  • Post category:其他


所要实现的功能

在这里插入图片描述

在这里插入图片描述

1,这里使用的是element是选择月份的代码

在这里插入图片描述

2,后台返回的时间区间,意思就是说时间区间内2018年10月份到2019年4月份的月份是可以选择的,10月之前的日期和4月之后的日期都是不可以选择的。

在这里插入图片描述

3,在methods中写入方法

在这里插入图片描述

4,这里在定义starDate 和 endDate需要注意的坑,如果在data中直接定义的话可能会报错。 starDate is not defined,这里出现这个原因可能是全局和局部的问题吧,具体什么原因还是请大神指点。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

5,解决办法将它定义在数据外

在这里插入图片描述

6,日期的禁用,根据element的官方文档来写

在这里插入图片描述

7,关于这里开始日期减去8.64e7的问题,我这里仍然存在疑问,所以请知道的大神能够替我解答,或者说我这里是否存在什么问题,还请指点一二。

因为我们的要求是开始的月份也是可以被选择的,但是只给月份,默认日期是这个月的最后一天,所以不减去8.64e7,我这里的开始日期十月是被禁掉的。减去就可以了。

8,基本就是这样了,这个功能对于我这个菜鸟来说写了很长那个时间。也请教了很多的人。所以在这里记录下来,如果刚好对你有帮助那最好了。



版权声明:本文为jasmine0178原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。