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-1for(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 ? '' : mlevelelseresult += 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中調用

效果圖

選擇最近一個月

?

選擇最近三小時

?

轉載于:https://www.cnblogs.com/lurenjia1994/p/9566083.html

總結

以上是生活随笔為你收集整理的JavaScript 数字转汉字+element时间选择器快速选择的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。