zoukankan      html  css  js  c++  java
  • element ui 怎么去修改el-date-picker的时间

          <el-date-picker
              v-model="formSearch.timeRange"
              type="daterange"
              placeholder="选择日期"
              range-separator=" ~ "
              :picker-options="pickerOptions">
            </el-date-picker>
    
     pickerOptions: {
            shortcuts: [{
              text: '今天',
              onClick(picker) {
                const end = new Date();
                end.setHours(23, 59, 59);
                const start = new Date(end);
                start.setTime(end.getTime() - 3600 * 1000 * 24 + 1000);
                picker.$emit('pick', [start, end]);
              }
            }, {
              text: '最近一周',
              onClick(picker) {
                const end = new Date();
                const start = new Date();
                end.setHours(23, 59, 59);
                start.setTime(end.getTime() - 3600 * 1000 * 24 * 7 + 1000);
                picker.$emit('pick', [start, end]);
              }
            }, {
              text: '最近一个月',
              onClick(picker) {
                const end = new Date();
                const start = new Date();
                end.setHours(23, 59, 59);
                start.setTime(end.getTime() - 3600 * 1000 * 24 * 30 + 1000);
                picker.$emit('pick', [start, end]);
              }
            }, {
              text: '最近三个月',
              onClick(picker) {
                const end = new Date();
                const start = new Date();
                end.setHours(23, 59, 59);
                start.setTime(end.getTime() - 3600 * 1000 * 24 * 90 + 1000);
                picker.$emit('pick', [start, end]);
              }
            }, {
              text: '最近一年',
              onClick(picker) {
                const end = new Date();
                const start = new Date();
                end.setHours(23, 59, 59);
                start.setTime(end.getTime() - 3600 * 1000 * 24 * 365 + 1000);
                picker.$emit('pick', [start, end]);
              }
            }]
          }
    
     fetchData() {
          this.listLoading = true
          setTimeout(() => {
            this.listLoading = false
          }, 10000)
          var params = {}
          if(this.entId){
            params = Object.assign(this.formSearch, {
              entId: this.entId
            })
          } else {
            params = Object.assign({}, this.formSearch)
            //重点在这里
            if (params.timeRange[0]) {
              params.from = this.handleTime(params.timeRange[0])
              params.to = this.handleTime(params.timeRange[1])
            }
          }
          fetch.getFiveList(params).then(res => {
            this.listLoading = false
            if (res.status == 200) {
              this.list = res.data.data.content
              this.totalCount = parseFloat(res.data.data.totalElements)
            } else if (res.status >= 500) {
              this.$message.error('服务器错误')
            } else {
              this.$message.warning(res.data.message)
            }
          }).catch(err => {
            this.listLoading = false
            this.$message.warning('加载失败!')
          })
        },
        handleTime(time, isStart) {
          let date = new Date(time)
          let year = date.getFullYear()
          let month = date.getMonth() + 1
          let day = date.getDate()
          return [year, month, day].map(num => this.handleNumber(num)).join('-')
        }
    
  • 相关阅读:
    如何复制图文消息封面图片?正文没显示
    微信企业号已开通账号超过10万 日均消息量超过100万条
    微信服务号模板消息接口新增"设置行业"和"添加模板"及细节优化
    张小龙在微信公开课上的演讲
    做微信营销你知道男女用微信的习惯吗?
    微信时代,"邮"你选择 腾讯企业邮箱推新玩法
    亲身体验,不要再拖! 拖! 拖!
    The Promise of Deep Learning
    判断两个数组是否相等
    matlab学习笔记(一)单元数组
  • 原文地址:https://www.cnblogs.com/antyhouse/p/10272355.html
Copyright © 2011-2022 走看看