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('-')
        }
    
  • 相关阅读:
    Struts2配置文件讲解
    分布式与集群的区别
    ANDROID中FRAGMENT的两种创建方式
    一个让echarts中国地图包含省市轮廓的技巧
    图解Spark API
    对NP问题的一点感想
    laravel框架容器管理的一些要点
    RedisRepository分享和纠错
    javascript中对数据文本格式化的思考
    LazyMan深入解析和实现
  • 原文地址:https://www.cnblogs.com/antyhouse/p/10272355.html
Copyright © 2011-2022 走看看