element ui datepicker时间控件实现范围选择周功能

element ui datepicker时间控件实现选择范围周废话不多说直接上效果图：vue代码：此处getYearAndWeek是获取到该时间具体的周，beginYearWeek为2019年第46周，endYearWeek为2019年第48周。将两个日期拼起来，传到后台，剩下的只需要修改下源码找到element-ui/lib/utils/date.js找到第278行。...

打杂的程序员

9187人浏览 · 2020-01-02 16:17:59

打杂的程序员 · 2020-01-02 16:17:59 发布

element ui datepicker时间控件实现选择范围周

为了增加方便，新写了个博客。地址https://blog.csdn.net/qq_39019765/article/details/121404740
有详细的实现方式。

在这里插入图片描述
vue代码：

此处 timeType = week；date是返回的两个选择的时间数组[‘2019-11-11’,‘2019-12-01’]

getYearAndWeek是获取到该时间具体的周，

beginYearWeek为2019年第46周，

endYearWeek为2019年第48周。

将两个日期拼起来，传到后台，

剩下的只需要修改下源码
找到element-ui/lib/utils/date.js
找到第278行。
加入278到289行代码，这样可完成实现选择范围周
在全局变量定义一个var num=1
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^