Element UI的使用问题

DatePicker 日期选择器设置可选择范围

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
       // 设置  :picker-options="pickerOptions"  使用computed返回 不可用时间 
<el-date-picker
          :picker-options="pickerOptions"  
         value-format="yyyy-MM-dd"
       v-model="dateRange"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
       computed:{
            pickerOptions(){
            return {
                  disabledDate: time => { 
        if (time && this.dataRange1!=null) {
          return time.getTime() < new Date(this.dataRange1[0]).getTime()  || time.getTime()>  new Date(this.dataRange1[1]).getTime()  // 转换为时间戳比较
        }
      } }
      }}

https://blog.csdn.net/weixin_39031037/article/details/132614542

Moment.js的使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
1. 使用moment获取今天
moment格式：
const start = moment().startOf('day');
const end = moment().endOf('day');
 
日期格式：
const start = moment().startOf('day').format('YYYY-MM-DD');
const end = moment().endOf('day').format('YYYY-MM-DD');
 
2. 使用moment获取昨天
moment格式：
const start = moment().subtract(1, 'day').startOf('day');
const end = moment().subtract(1, 'day').endOf('day');
 
日期格式：
const start = moment().subtract(1, 'day').startOf('day').format('YYYY-MM-DD');
const end = moment().subtract(1, 'day').endOf('day').format('YYYY-MM-DD');
 
3. 使用moment获取本周
moment格式：
const start = moment().startOf('week').add(1, 'day');
const end = moment().endOf('week').add(1, 'day');
 
日期格式：
const start = moment().startOf('week').add(1, 'day').format('YYYY-MM-DD');
const end = moment().endOf('week').add(1, 'day').format('YYYY-MM-DD');
 
4. 使用moment获取过去七天
moment格式：
const start = moment().subtract(7, 'day').startOf('day');
const end = moment().subtract(1, 'day').endOf('day');
 
日期格式：
const start = moment().subtract(7, 'day').startOf('day').format('YYYY-MM-DD');
const end = moment().subtract(1, 'day').endOf('day').format('YYYY-MM-DD');
 
5. 使用moment获取当月
moment格式：
const start = moment().startOf('month');
const end = moment().endOf('month');
 
日期格式：
const start = moment().startOf('month').format('YYYY-MM-DD');
const end = moment().endOf('month').format('YYYY-MM-DD');
 
6. 使用moment获取过去30天
moment格式：
const start = moment().subtract(30, 'day').startOf('day');
const end = moment().subtract(1, 'day').endOf('day');
 
日期格式：
const start = moment().subtract(30, 'day').startOf('day').format('YYYY-MM-DD');
const end = moment().subtract(1, 'day').endOf('day').format('YYYY-MM-DD');
 
7. 使用moment获取前三个月
moment格式：
const start = moment().subtract(3, 'month');
const end = moment().subtract(1, 'day').endOf('day');
 
日期格式：
const start = moment().subtract(3, 'month').format('YYYY-MM-DD');
const end = moment().subtract(1, 'day').endOf('day').format('YYYY-MM-DD');