el-table结合日期选择器筛选数据

最新推荐文章于 2024-07-04 13:27:39 发布

旧城爱

最新推荐文章于 2024-07-04 13:27:39 发布

阅读量3.1k

点赞数 2

分类专栏：随笔

本文链接：https://blog.csdn.net/weixin_44442095/article/details/93468465

版权

随笔专栏收录该内容

41 篇文章 0 订阅

订阅专栏

在这里插入图片描述
有这么一个需求,根据日期选择器来筛选这段时间的数据,之前筛选方法是indexOf >-1,后来发现另一种写法

筛选方法
   filDate() {
      const filtDate = this.creatWorkForm.filtrate //绑定的数据
      const one = filtDate[0]//开始时间
      const two = filtDate[1] //结束时间
      console.log(one)
      if (one === '' || two === '') {
        this.$message.warning('查询条件不能为空！')
      } else if (one !== '' || two !== '') {
        const dataTable = this.tableData.filter(dataTable => {
          return new Date(dataTable.date) >= new Date(one) && new Date(dataTable.date) <= new Date(two)
          //大于等于开始日期或者小于等于结束日期
        })
        this.tableData = dataTable
        this.totalitems = this.tableData.length
      }