element里面时间选择器快捷时间选择器的优化

皮卡皮一下

已于 2022-04-13 16:02:14 修改

阅读量517

点赞数

文章标签： elementui vue.js

于 2022-04-13 15:34:21 首次发布

本文链接：https://blog.csdn.net/hong0114/article/details/124148106

版权

这两天的bug疯狂的不要不要的，所以抽空换个脑子，写个改bug的记录

这是element里面的一个组件，产品要求快捷选项上面要今天，昨天，七天前。。。。。反正有啥都让写着，但是这个组件里面的昨天显示时间是今天的时间减去24小时的时间段，但是我们测试说这是个bug，点击昨天要显示前一天00：00：00到23：59：59才对，所以我这里粘贴一下我改过的，保证正确的代码

pickerOptions: {
              shortcuts: [
                {
                  text: '今天',
                  onClick(picker) {
                    const end = new Date()
                    const start = new Date(
                      new Date(new Date().toLocaleDateString()).getTime()
                    ) // 当天0点
                    picker.$emit('pick', [start, end])
                  }
                }, {
                  text: '昨天',
                  onClick(picker) {
                    const end = new Date()
                    end.setTime(end.getTime() - 3600 * 1000 * 24 * 1)
                    end.setHours(23); end.setMinutes(59); end.setSeconds(59)
                    const start = new Date()
                    start.setTime(start.getTime() - 3600 * 1000 * 24 * 1)
                    start.setHours(0); start.setMinutes(0); start.setSeconds(0)
                    picker.$emit('pick', [start, end])
                  }
                }, {
                  text: '最近7天',
                  onClick(picker) {
                    const end = new Date()
                    end.setHours(23); end.setMinutes(59); end.setSeconds(59)
                    const start = new Date()
                    start.setTime(start.getTime() - 3600 * 1000 * 24 * 6)
                    start.setHours(0); start.setMinutes(0); start.setSeconds(0)
                    picker.$emit('pick', [start, end])
                  }
                }, {
                  text: '最近一个月',
                  onClick(picker) {
                    const end = new Date()
                    end.setHours(23); end.setMinutes(59); end.setSeconds(59)
                    const start = new Date()
                    start.setHours(0); start.setMinutes(0); start.setSeconds(0)
                    start.setTime(start.getTime() - 3600 * 1000 * 24 * 29)
                    picker.$emit('pick', [start, end])
                  }
                }, {
                  text: '最近三个月',
                  onClick(picker) {
                    const end = new Date()
                    end.setHours(23); end.setMinutes(59); end.setSeconds(59)
                    const start = new Date()
                    start.setHours(0); start.setMinutes(0); start.setSeconds(0)
                    start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
                    picker.$emit('pick', [start, end])
                  }
                }, {
                  text: '最近一年',
                  onClick(picker) {
                    const end = new Date()
                    end.setHours(23); end.setMinutes(59); end.setSeconds(59)
                    const start = new Date()
                    start.setHours(0); start.setMinutes(0); start.setSeconds(0)
                    start.setTime(start.getTime() - 3600 * 1000 * 24 * 365)
                    picker.$emit('pick', [start, end])
                  }
                }
              ]
            },
            clearable: true,
            filterable: true,
            value: [],
            key: ['expectedOrderDateStart', 'expectedOrderDateEnd']
          }
        ]
      },

这样子就可以实现获取昨天00：00：00到23：59：59的时间需求了，全部的献上