JavaScript 数字转汉字+element时间选择器快速选择

window.CN = {
  1: '一',
  2: '二',
  3: '三',
  4: '四',
  5: '五',
  6: '六',
  7: '七',
  8: '八',
  9: '九',
  0: '零'
}
window.LEVEL = {
  0: '',
  1: '十',
  2: '百',
  3: '千',
  4: '万',
  5: '十',
  6: '百',
  7: '千',
  8: '亿',
  9: '十',
  10: '百',
  11: '千',
}
function toCN(inStr) {
  console.dir(inStr)
  for(let i in CN)
    inStr = (inStr+'').replace(new RegExp(i, 'g'), CN[i])

  let result = '', maxIdx = inStr.length-1
  for(let i=0; i<=maxIdx; i++){
    let mchar = inStr.charAt(i)
    let mlevel = LEVEL[maxIdx-i]
    if(inStr.charAt(i)==='零'){
      if((maxIdx-i)%4 === 0)
        result += i===maxIdx ? '' : mlevel
      else
        result += mchar
    }else{
      result += mchar+mlevel
    }
  }

　return result.replace('一十','十')

 } 
console.dir(toCN(132130)) 
console.dir(toCN(72304203)) 
console.dir(toCN(9032032023))

结果：

elementUI 时间选择器快速选择

选择器代码

        <el-date-picker v-model="timeRange" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" format="yyyy-MM-dd HH" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>

相关参数

        timeRange: [],
        keyStr: '',
        times: [
          {value: 1, unit: '小时'},
          {value: 3, unit: '小时'},
          {value: 6, unit: '小时'},
          {value: 12, unit: '小时'},
          {value: 1, unit: '天'},
          {value: 3, unit: '天'},
          {value: 7, unit: '天'},
          {value: 1, unit: '月'},
          {value: 3, unit: '月'},
        ],
        pickerOptions: {
          shortcuts: []
        }

相关方法

      createTimes(){
          this.pickerOptions.shortcuts = []
          this.times.forEach(t=>{
              this.pickerOptions.shortcuts.push({
                  text: '最近'+TOCN(t.value)+t.unit,
                  onClick(picker) {
                    const end = new Date();
                    const start = new Date();
                    start.setTime(start.getTime() - t.value*TIMETYPE[t.unit]);
                    picker.$emit('pick', [start, end]);
                  }
              })
          })
      }


created中调用

效果图

选择最近一个月

 

选择最近三小时