• 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('-')
        }
    
  • 相关阅读:
    联邦企业架构之CIO委员会的企业架构实施指南(下)
    Environment Detection环境检测工具设计与实现
    A Grain of Sand
    Java回顾之集合
    代码与工具(C++)
    搭建后台框架
    深入.NET程序集加载
    Express作为Node.js的开发框架
    使用NuGet发布自己的类库包(Library Package)
    新浪设计规范
  • 原文地址:https://www.cnblogs.com/antyhouse/p/10272355.html
Copyright © 2020-2023  润新知