iview中时间选择器可设置选择范围方法（一个月 一周等）

代码如下：
iview官网

 <DatePicker
              type="datetimerange"
              :clearable="false"
              :options="options"
              :value='changeTime'
              placement="bottom-end"
              format="yyyy-MM-dd HH:mm:ss"
              placeholder="选择日期"
              style="width: 200px"
              @on-change='tiemChange'></DatePicker>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
 

data () {
  return {
				 changeTime: [getDate('yyyy-MM-dd 00:00:00'), getDate('yyyy-MM-dd 23:59:59')],
			      options: {
			        disabledDate (date) {
			          return date && date.valueOf() > Date.now()
			        }
			      },
  }
}


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

 // 选择日期变化
    tiemChange (event) {
      event[1] = event[1].replace(/00:00:00/, '23:59:59')
      const day = Math.floor((getTime(event[1]) - getTime(event[0])) / 86400000)
      if (day > 30) {
        // this.changeTime = [getDate('yyyy-MM-dd 00:00:00'), getDate('yyyy-MM-dd 23:59:59')]
        return this.$Message.error('日期范围最大选择30天')
      } else {
        this.changeTime = event
        this.getTableList(1)
      }
    },

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

文章来源: lvsige.blog.csdn.net，作者：祥子的小迷妹，版权归原作者所有，如需转载，请联系作者。

原文链接：lvsige.blog.csdn.net/article/details/109995111