• vue各种时间类型转换

     时间范围['2024-04-17 14:36:27', '2024-04-24 14:36:27']

    console.log(this.$getRecentDays()); 页面使用默认7天  也可以指定console.log(this.$getRecentDays(30));

    ['2024-04-17 14:36:27', '2024-04-24 14:36:27']  默认值

    1. function getDateString (date, fmt = 'yyyy-MM-dd') {
    2.   if (/(y+)/.test(fmt)) {
    3.     fmt = fmt.replace(
    4.       RegExp.$1,
    5.       (date.getFullYear() + '').substr(4 - RegExp.$1.length)
    6.     )
    7.   }
    8.   let o = {
    9.     'M+': date.getMonth() + 1,
    10.     'd+': date.getDate(),
    11.     'h+': date.getHours(),
    12.     'm+': date.getMinutes(),
    13.     's+': date.getSeconds(),
    14.   }
    15.   for (let k in o) {
    16.     if (new RegExp(`(${k})`).test(fmt)) {
    17.       let str = o[k] + ''
    18.       fmt = fmt.replace(
    19.         RegExp.$1,
    20.         RegExp.$1.length === 1 ? str : padLeftZero(str)
    21.       )
    22.     }
    23.   }
    24.   return fmt
    25. }
    26. export function getRecentDays (duration = 7, fmt = 'yyyy-MM-dd hh:mm:ss') {
    27.   let oneDayLong = 24 * 60 * 60 * 1000
    28.   let nowTime = Date.now()
    29.   let pre7DayTime = nowTime - duration * oneDayLong
    30.   let now = new Date(nowTime)
    31.   let pre7Day = new Date(pre7DayTime)
    32.   return [getDateString(pre7Day, fmt), getDateString(now, fmt)]
    33. }

      开始时间结束时间['2024-04-17 00:00:00', '2024-04-24 23:59:59']

    console.log(this.$todayTimer(30)); 也是可以自定义范围呢

    1.  
    2. export function todayTimer (duration = 7, fmt = 'yyyy-MM-dd') {
    3.   let oneDayLong = 24 * 60 * 60 * 1000
    4.   let nowTime = Date.now()
    5.   let pre7DayTime = nowTime - duration * oneDayLong
    6.   let now = new Date(nowTime)
    7.   let pre7Day = new Date(pre7DayTime)
    8.   return [
    9.     getDateString(pre7Day, fmt) + ' ' + '00:00:00',
    10.     getDateString(now, fmt) + ' ' + '23:59:59',
    11.   ]
    12. }

    今年的起始时间 和结束时间 ['2024-01-01 00:00:00', '2024-12-31 23:59:59']

    1. export function todayTimer (duration = 7, fmt = 'yyyy-MM-dd') {
    2.   let oneDayLong = 24 * 60 * 60 * 1000
    3.   let nowTime = Date.now()
    4.   let pre7DayTime = nowTime - duration * oneDayLong
    5.   let now = new Date(nowTime)
    6.   let pre7Day = new Date(pre7DayTime)
    7.   return [
    8.     getDateString(pre7Day, fmt) + ' ' + '00:00:00',
    9.     getDateString(now, fmt) + ' ' + '23:59:59',
    10.   ]
    11. }

     当月的开始结束时间 ['2024-04-01 00:00:00', '2024-04-30 23:59:59']

    1. export function ofMonth () {
    2.   const startOfMonth = moment().startOf('month').format('YYYY-MM-DD 00:00:00'); // 本月的起始时间
    3.   const endOfMonth = moment().endOf('month').format('YYYY-MM-DD 23:59:59'); // 本月的结束时间
    4.   return [startOfMonth, endOfMonth]
    5. }

     最近几个月 ['2023-10-31 00:00:00', '2024-04-30 23:59:59']

    最近几个月 ['2023-10-31 00:00:00', '2024-04-30 23:59:59']

     console.log(this.$recentMonths('month',6));

    1. export function recentMonths (type, val) {
    2.   const now = moment();
    3.   if (type == 'day') {
    4.     const startDate = now.clone().subtract(val - 1, 'days').startOf('day');
    5.     const endDate = now.clone().endOf('day').hours(23).minutes(59).seconds(59);
    6.     const dayRange = [startDate.format('YYYY-MM-DD HH:mm:ss'), endDate.format('YYYY-MM-DD HH:mm:ss')];
    7.     return dayRange;
    8.   }
    9.   if (type == 'week') {
    10.     const weeksAgo = now.clone().subtract(val - 1, 'weeks').startOf('isoWeek');
    11.     const thisWeekEnd = now.clone().endOf('week').hours(23).minutes(59).seconds(59);
    12.     const recentWeeksRange = [weeksAgo.format('YYYY-MM-DD HH:mm:ss'), thisWeekEnd.format('YYYY-MM-DD HH:mm:ss')];
    13.     // console.log(recentWeeksRange);
    14.     return recentWeeksRange;
    15.   }
    16.   if (type == 'month') {
    17.     const sixMonthsAgo = now.clone().subtract(val, 'months').endOf('month').startOf('day');
    18.     const thisMonthEnd = now.clone().endOf('month').hours(23).minutes(59).seconds(59);
    19.     const recentSixMonthsRange = [
    20.       sixMonthsAgo.format('YYYY-MM-DD HH:mm:ss'),
    21.       thisMonthEnd.format('YYYY-MM-DD HH:mm:ss')
    22.     ]
    23.     return recentSixMonthsRange
    24.   }
    25. }

    各种时间类型就不一一列了    

    下面是完整的js代码

    1. import * as moment from 'moment';
    2. moment.suppressDeprecationWarnings = true;
    3. // 封装的 一些关于时间的方法
    4. function random (low, high) {
    5.   if (arguments.length === 1) {
    6.     high = low
    7.     low = 0
    8.   }
    9.   return Math.floor(low + Math.random() * (high - low))
    10. }
    11.  
    12. function randomOne (arr) {
    13.   return arr[random(arr.length)]
    14. }
    15.  
    16. function getDateString (date, fmt = 'yyyy-MM-dd') {
    17.   if (/(y+)/.test(fmt)) {
    18.     fmt = fmt.replace(
    19.       RegExp.$1,
    20.       (date.getFullYear() + '').substr(4 - RegExp.$1.length)
    21.     )
    22.   }
    23.   let o = {
    24.     'M+': date.getMonth() + 1,
    25.     'd+': date.getDate(),
    26.     'h+': date.getHours(),
    27.     'm+': date.getMinutes(),
    28.     's+': date.getSeconds(),
    29.   }
    30.   for (let k in o) {
    31.     if (new RegExp(`(${k})`).test(fmt)) {
    32.       let str = o[k] + ''
    33.       fmt = fmt.replace(
    34.         RegExp.$1,
    35.         RegExp.$1.length === 1 ? str : padLeftZero(str)
    36.       )
    37.     }
    38.   }
    39.   return fmt
    40. }
    41.  
    42. function getDateStringCh (date) {
    43.   if (!(date instanceof Date)) {
    44.     return ''
    45.   }
    46.   let year = date.getFullYear()
    47.   let month = date.getMonth() + 1
    48.   let day = date.getDate()
    49.   let hour = date.getHours()
    50.   return `${year}年${month}月${day}日 ${hour}时`
    51. }
    52.  
    53. function getWeekStartDateAndEndDateRange () {
    54.   let oneDayLong = 24 * 60 * 60 * 1000
    55.   let now = new Date()
    56.   let mondayTime = now.getTime() - (now.getDay() - 1) * oneDayLong
    57.   let sundayTime = now.getTime() + (7 - now.getDay()) * oneDayLong
    58.   let monday = new Date(mondayTime)
    59.   let sunday = new Date(sundayTime)
    60.   let weekRange = [getDateString(monday), getDateString(sunday)]
    61.   return weekRange
    62. }
    63.  
    64. // ['2024-04-17 14:36:27', '2024-04-24 14:36:27']  默认值
    65. // console.log(this.$getRecentDays()); 页面使用
    66. export function getRecentDays (duration = 7, fmt = 'yyyy-MM-dd hh:mm:ss') {
    67.   let oneDayLong = 24 * 60 * 60 * 1000
    68.   let nowTime = Date.now()
    69.   let pre7DayTime = nowTime - duration * oneDayLong
    70.   let now = new Date(nowTime)
    71.   let pre7Day = new Date(pre7DayTime)
    72.   return [getDateString(pre7Day, fmt), getDateString(now, fmt)]
    73. }
    74.  
    75. function getMonthStartDateAndDateRange () {
    76.   let oneDayLong = 24 * 60 * 60 * 1000
    77.   let now = new Date()
    78.   let year = now.getFullYear()
    79.   let monthStartDate = new Date(year, now.getMonth(), 1) //当前月1号
    80.   let nextMonthStartDate = new Date(year, now.getMonth() + 1, 1) //下个月1号
    81.   let days =
    82.     (nextMonthStartDate.getTime() - monthStartDate.getTime()) / oneDayLong //计算当前月份的天数
    83.   let monthEndDate = new Date(year, now.getMonth(), days)
    84.   let monthRange = [getDateString(monthStartDate), getDateString(monthEndDate)]
    85.   return monthRange
    86. }
    87.  
    88. function padLeftZero (str) {
    89.   return ('00' + str).substr(str.length)
    90. }
    91.  
    92. function resetForm (refName) {
    93.   this.$refs[refName] && this.$refs[refName].resetFields()
    94. }
    95.  
    96. export function debounce (func, wait, immediate) {
    97.   let timeout, args, context, timestamp, result
    98.  
    99.   const later = function () {
    100.     // 据上一次触发时间间隔
    101.     const last = +new Date() - timestamp
    102.  
    103.     // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
    104.     if (last < wait && last > 0) {
    105.       timeout = setTimeout(later, wait - last)
    106.     } else {
    107.       timeout = null
    108.       // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
    109.       if (!immediate) {
    110.         result = func.apply(context, args)
    111.         if (!timeout) context = args = null
    112.       }
    113.     }
    114.   }
    115.  
    116.   return function (...args) {
    117.     context = this
    118.     timestamp = +new Date()
    119.     const callNow = immediate && !timeout
    120.     // 如果延时不存在，重新设定延时
    121.     if (!timeout) timeout = setTimeout(later, wait)
    122.     if (callNow) {
    123.       result = func.apply(context, args)
    124.       context = args = null
    125.     }
    126.  
    127.     return result
    128.   }
    129. }
    130.  
    131. //  console.log(this.$randomUUID());
    132. // 1713940662895.5952  数据数
    133. function randomUUID () {
    134.   return Date.now() + Math.random() + ''
    135. }
    136.  
    137. const resetTimer = (timer) => {
    138.   if (timer) {
    139.     clearTimeout(timer)
    140.     timer = null
    141.   }
    142. }
    143.  
    144.  
    145. // ['2024-04-17 00:00:00', '2024-04-24 23:59:59']  开始时间结束时间
    146. export function todayTimer (duration = 7, fmt = 'yyyy-MM-dd') {
    147.   let oneDayLong = 24 * 60 * 60 * 1000
    148.   let nowTime = Date.now()
    149.   let pre7DayTime = nowTime - duration * oneDayLong
    150.   let now = new Date(nowTime)
    151.   let pre7Day = new Date(pre7DayTime)
    152.   return [
    153.     getDateString(pre7Day, fmt) + ' ' + '00:00:00',
    154.     getDateString(now, fmt) + ' ' + '23:59:59',
    155.   ]
    156. }
    157.  
    158. // 今年的起始时间 和结束时间 ['2024-01-01 00:00:00', '2024-12-31 23:59:59']
    159. export function ofYear () {
    160.   const startOfYear = moment().startOf('year').format('YYYY-MM-DD 00:00:00');
    161.   const endOfYear = moment().endOf('year').format('YYYY-MM-DD 23:59:59');
    162.   return [startOfYear, endOfYear]
    163. }
    164.  
    165. //  这个月的开始结束时间 ['2024-04-01 00:00:00', '2024-04-30 23:59:59']
    166. export function ofMonth () {
    167.   const startOfMonth = moment().startOf('month').format('YYYY-MM-DD 00:00:00'); // 本月的起始时间
    168.   const endOfMonth = moment().endOf('month').format('YYYY-MM-DD 23:59:59'); // 本月的结束时间
    169.   return [startOfMonth, endOfMonth]
    170. }
    171.  
    172. // 上传json；模板
    173. export function funDownload (content, filename) {
    174.   // 创建隐藏的可下载链接
    175.   const eleLink = document.createElement('a')
    176.   eleLink.download = filename
    177.   eleLink.style.display = 'none'
    178.   // 字符内容转变成blob地址
    179.   let blob = new Blob([content])
    180.   eleLink.href = URL.createObjectURL(blob)
    181.   // 触发点击
    182.   document.body.appendChild(eleLink)
    183.   eleLink.click()
    184.   // 然后移除
    185.   document.body.removeChild(eleLink)
    186. }
    187.  
    188. // 对象转json字符串
    189. export function objToJson (obj) {
    190.   let newObj = {}
    191.   for (let key in obj) {
    192.     if (key === 'id') {
    193.       newObj[key] = obj[key]
    194.       continue
    195.     }
    196.     newObj[key] = JSON.stringify(obj[key])
    197.   }
    198.   return newObj
    199. }
    200. // 打印
    201. export function print (id) {
    202.   var bdhtml = window.document.body.innerHTML
    203.   var jubuData = document.getElementById(id).innerHTML
    204.   window.document.body.innerHTML = jubuData
    205.   var style = document.createElement('style');
    206.   style.innerHTML = `
    207.     @media print {
    208.       @page {
    209.         size: auto;
    210.         margin: 5mm;
    211.       }
    212.       
    213.       body {
    214.         margin: 0;
    215.       }
    216.       .no-print {
    217.         display: none;
    218.       }
    219.       .el-divider {
    220.         border: 1px solid #dcdfe6;
    221.         margin: 24px 0; 
    222.       }
    223.     }
    224.   `;
    225.   document.head.appendChild(style);
    226.  
    227.  
    228.   const table = document.querySelectorAll(".el-table__header,.el-table__body,.el-table__footer");
    229.   for (let i = 0; i < table.length; i++) {
    230.     const tableItem = table[i];
    231.     tableItem.style.width = '100%';
    232.     const child = tableItem.childNodes;
    233.     for (let j = 0; j < child.length; j++) {
    234.       const element = child[j];
    235.       if (element.localName == 'colgroup') {
    236.         element.innerHTML = '';
    237.       }
    238.     }
    239.   }
    240.   window.print()
    241.   location.reload()
    242.  
    243.   document.head.removeChild(style);
    244.  
    245.   window.document.body.innerHTML = bdhtml
    246. }
    247.  
    248. // 打印图片
    249. export function printCanvas (id, i) {
    250.   var oldstr = document.body.innerHTML // 获取当前页面内容用以还原
    251.   var div_print = document.getElementById(id) // 获取要打印部分的内容
    252.   var cv = document.getElementsByTagName('canvas')[i] //获取canvas
    253.   var resImg = document.getElementById(id) //获取包裹canvas的标签
    254.   // 将canvas转为图片
    255.   // var context = cv.getContext("2d")
    256.   var img = new Image()
    257.   var strDataURI = cv.toDataURL('image/png')
    258.   img.src = strDataURI
    259.   // 图片加载完成之后
    260.   img.onload = function () {
    261.     // 执行打印
    262.     console.log(img);
    263.     setTimeout(function () {
    264.       resImg.innerHTML = `<img src="${strDataURI}">` // 用图片替代canvas
    265.       var newstr = div_print.innerHTML
    266.       document.body.innerHTML = newstr // 将页面内容改为修改后的内容
    267.       window.print() // 打印
    268.       window.location.reload() // 重新加载页面
    269.       document.body.innerHTML = oldstr // 将页面内容还原
    270.     }, 1000)
    271.   }
    272. }
    273. // 下载echarts为图片
    274. export function exportpic (chartInstance, name = 'charts') {
    275.   let picInfo = chartInstance.getDataURL({
    276.     type: 'png',
    277.     pixelRatio: 2,  //放大两倍下载，之后压缩到同等大小展示。解决生成图片在移动端模糊问题
    278.     backgroundColor: '#fff'
    279.   });//获取到的是一串base64信息
    280.  
    281.   const elink = document.createElement('a');
    282.   elink.download = name + '.png';
    283.   elink.style.display = 'none';
    284.   elink.href = picInfo;
    285.   document.body.appendChild(elink);
    286.   elink.click();
    287.   URL.revokeObjectURL(elink.href); // 释放URL 对象
    288.   document.body.removeChild(elink)
    289. }
    290.  
    291. // 复制
    292. export function copyText (row, column, cell, event) {
    293.   // 双击复制
    294.   let save = function (e) {
    295.     e.clipboardData.setData('text/plain', event.target.innerText);
    296.     e.preventDefault();  //阻止默认行为
    297.   }
    298.   document.addEventListener('copy', save);//添加一个copy事件
    299.   document.execCommand("copy");//执行copy方法
    300.   this.$message({ message: '复制成功', type: 'success' })//提示
    301. }
    302.  
    303. // ['2024-04-23 14:39:48', '2024-04-24 14:39:48'] 
    304. export function getDefaultTimeRange (type = "real", val, fmt = 'yyyy-MM-dd hh:mm:ss') {
    305.   let start = new Date()
    306.   if (type === 'real') {
    307.     start.setDate(start.getDate() - (val ? val : 1))
    308.   }
    309.   if (type === 'hour') {
    310.     start.setDate(start.getDate() - (val ? val : 1))
    311.   }
    312.   if (type === 'day') {
    313.     start.setMonth(start.getMonth() - (val ? val : 1))
    314.   }
    315.   if (type === 'week') {
    316.     start.setMonth(start.getMonth() - (val ? val : 3))
    317.   }
    318.   if (type === 'month') {
    319.     start.setFullYear(start.getFullYear() - (val ? val : 1))
    320.   }
    321.   if (type === 'quarter') {
    322.     val = val || 3; // 如果val未提供，则默认为3
    323.     start.setFullYear(start.getFullYear() - Math.floor(val / 4));
    324.     start.setMonth(start.getMonth() - (val % 4) * 3);
    325.   }
    326.   if (type === 'year') {
    327.     start.setFullYear(start.getFullYear() - (val ? val : 10))
    328.   }
    329.   return [getDateString(start, fmt), getDateString(new Date(), fmt)]
    330. }
    331.  
    332. // ['2024-04-24 00:00:00', '2024-04-24 23:59:59']  一天结束或开始  
    333. export function getDefaultDayRange (type = "real", fmt = 'yyyy-MM-dd hh:mm:ss') {
    334.   let start = new Date()
    335.   let end = new Date()
    336.   if (type === 'real') {
    337.     start.setDate(start.getDate())
    338.     end.setDate(start.getDate())
    339.   }
    340.   if (type === 'hour') {
    341.     start.setDate(start.getDate())
    342.     end.setDate(start.getDate())
    343.   }
    344.   if (type === 'day') {
    345.     start.setDate(1)
    346.     end.setMonth(end.getMonth() + 1)
    347.     end.setDate(0)
    348.   }
    349.   if (type === 'month') {
    350.     start.setDate(1)
    351.     start.setMonth(0)
    352.     end.setFullYear(end.getFullYear() + 1)
    353.     end.setMonth(0)
    354.     end.setDate(0)
    355.   }
    356.   return [getDateString(start, fmt).split(' ')[0] + ' 00:00:00', getDateString(end, fmt).split(' ')[0] + ' 23:59:59']
    357. }
    358.  
    359.  
    360. // 最近几个月 ['2023-10-31 00:00:00', '2024-04-30 23:59:59'] 
    361. //  console.log(this.$recentMonths('month',6));
    362. export function recentMonths (type, val) {
    363.   const now = moment();
    364.   if (type == 'day') {
    365.     const startDate = now.clone().subtract(val - 1, 'days').startOf('day');
    366.     const endDate = now.clone().endOf('day').hours(23).minutes(59).seconds(59);
    367.     const dayRange = [startDate.format('YYYY-MM-DD HH:mm:ss'), endDate.format('YYYY-MM-DD HH:mm:ss')];
    368.     return dayRange;
    369.   }
    370.   if (type == 'week') {
    371.     const weeksAgo = now.clone().subtract(val - 1, 'weeks').startOf('isoWeek');
    372.     const thisWeekEnd = now.clone().endOf('week').hours(23).minutes(59).seconds(59);
    373.     const recentWeeksRange = [weeksAgo.format('YYYY-MM-DD HH:mm:ss'), thisWeekEnd.format('YYYY-MM-DD HH:mm:ss')];
    374.     // console.log(recentWeeksRange);
    375.     return recentWeeksRange;
    376.   }
    377.   if (type == 'month') {
    378.     const sixMonthsAgo = now.clone().subtract(val, 'months').endOf('month').startOf('day');
    379.     const thisMonthEnd = now.clone().endOf('month').hours(23).minutes(59).seconds(59);
    380.     const recentSixMonthsRange = [
    381.       sixMonthsAgo.format('YYYY-MM-DD HH:mm:ss'),
    382.       thisMonthEnd.format('YYYY-MM-DD HH:mm:ss')
    383.     ]
    384.     return recentSixMonthsRange
    385.   }
    386. }
    387.  
    388. // 参数为秒   返回时间
    389. // console.log(this.$timeRangeFormat(600));   10分钟
    390. export function timeRangeFormat (seconds) {
    391.   const timeUnits = [
    392.     {
    393.       label: '天',
    394.       value: Math.floor(seconds / (24 * 3600))
    395.     },
    396.     {
    397.       label: '小时',
    398.       value: Math.floor((seconds % (24 * 3600)) / 3600)
    399.     },
    400.     {
    401.       label: '分钟',
    402.       value: Math.floor((seconds % 3600) / 60)
    403.     },
    404.     {
    405.       label: '秒',
    406.       value: Math.floor(seconds % 60)
    407.     }
    408.   ]
    409.  
    410.   return timeUnits.filter(v => v.value > 0).map(item => `${item.value}${item.label}`).join('').trim()
    411. }
    412.  
    413. // {startDateTime: '2023-03-03 00:00:00', endDateTime: '2023-03-03 23:59:59'}
    414. // console.log(this.$timeRange('day','2023-03-03'));
    415. export function timeRange (type, val) {
    416.   let startDateTime, endDateTime;
    417.   switch (type) {
    418.     case 'hour':
    419.       startDateTime = moment(val).startOf('hour');
    420.       endDateTime = moment(val).endOf('hour');
    421.       break;
    422.     case 'day':
    423.       startDateTime = moment(val).startOf('day');
    424.       endDateTime = moment(val).endOf('day');
    425.       break;
    426.     case 'week':
    427.       let value = val.toString()
    428.       const weekYear = value.substring(0, 4)
    429.       const weekNumber = value.substring(4, 6)
    430.       startDateTime = moment().isoWeekYear(parseInt(weekYear)).isoWeek(parseInt(weekNumber)).startOf('isoWeek');
    431.       endDateTime = moment().isoWeekYear(parseInt(weekYear)).isoWeek(parseInt(weekNumber)).endOf('isoWeek');
    432.       break;
    433.     case 'month':
    434.       startDateTime = moment(val, "YYYY-MM").startOf('month');
    435.       endDateTime = moment(val, "YYYY-MM").endOf('month');
    436.       break;
    437.     case 'quarter':
    438.       let valSeason = val.toString()
    439.       const year = valSeason.substring(0, 4)
    440.       const quarter = valSeason.substring(4, 5)
    441.       startDateTime = moment().quarter(quarter).year(year).startOf('quarter');
    442.       endDateTime = moment().quarter(quarter).year(year).endOf('quarter');
    443.       break;
    444.     case 'year':
    445.       startDateTime = moment(val, "YYYY").startOf('year');
    446.       endDateTime = moment(val, "YYYY").endOf('year');
    447.       break;
    448.     default:
    449.       return;
    450.   }
    451.   startDateTime = startDateTime.format("YYYY-MM-DD HH:mm:ss");
    452.   endDateTime = endDateTime.format("YYYY-MM-DD HH:mm:ss");
    453.   return { startDateTime, endDateTime };
    454. }
    455. export function timeFormatting (type, val) {
    456.   if (type == 'hour') {
    457.     let hour = moment().set({ hour: val, minute: 0, second: 0, millisecond: 0 }).format('YYYY-MM-DD HH');
    458.     return hour
    459.   } else if (type == 'day') {
    460.     let day = moment().date(val).format('YYYY-MM-DD');
    461.     return day
    462.   } else if (type == 'month') {
    463.     let month = moment(val, 'MM').format('YYYY-MM');
    464.     return month
    465.   }
    466. }
    467. //  console.log(this.$timeFormatType('day', '2023123')); 2023-12-03
    468. export function timeFormatType (type, val) {
    469.   if (type == 'hour') {
    470.  
    471.     let [year, month, date, hour] = String(val).split(/(\d{4})(\d{2})(\d{2})(\d{2})/).slice(1);
    472.     // 创建moment对象并设置时间
    473.     let momentDate = moment().set({ year: parseInt(year), month: parseInt(month) - 1, date: parseInt(date), hour: parseInt(hour), minute: 0, second: 0, millisecond: 0 });
    474.     // 格式化时间
    475.     let hourVal = momentDate.format('YYYY-MM-DD HH');
    476.  
    477.     return hourVal
    478.   } else if (type == 'day') {
    479.     let day = moment(val, 'YYYYMMDD').format('YYYY-MM-DD');
    480.     return day
    481.   } else if (type == 'month') {
    482.     const month = moment(val, 'YYYYMM').format('YYYY-MM');
    483.     return month
    484.   } else if (type == 'year') {
    485.     const year = moment(val, 'YYYY').format('YYYY');
    486.     return year
    487.   } else if (type == 'week') {
    488.     const weekYear = val.toString().substring(0, 4);
    489.     const weekNum = val.toString().substring(4);
    490.     const startDate = moment(`${weekYear}-01-01`).add((weekNum) * 7, 'days').startOf('isoWeek');
    491.     let week = startDate.format('YYYY-WW');
    492.     return week
    493.   } else if (type == 'quarter') {
    494.     const quarterYear = val.toString().substring(0, 4);
    495.     const quarterNum = val.toString().substring(4);
    496.  
    497.     // 计算季度的第一天日期
    498.     const startDate = moment(`${quarterYear}-01-01`).add((quarterNum - 1) * 3, 'months').startOf('month');
    499.  
    500.     let quarter = startDate.format('YYYY-Q');
    501.     return quarter
    502.   }
    503. }
    504.  
    505. // console.log(this.$tenMonthsAgo(24, 'month'));  
    506. // ['2022-04', '2024-04']
    507. export function tenMonthsAgo (val, type) {
    508.   if (type == 'hour') {
    509.     return hour
    510.   } else if (type == 'day') {
    511.     return day
    512.   } else if (type == 'month') {
    513.     const tenMonthsAgo = moment().subtract(val, 'months').format('YYYY-MM');
    514.     const currentMonth = moment().format('YYYY-MM');
    515.     const month = [tenMonthsAgo, currentMonth];
    516.     return month
    517.   }
    518. }
    519. export function tenMonthsHistory (val, type) {
    520.   if (type == 'hour') {
    521.     return hour
    522.   } else if (type == 'day') {
    523.     return day
    524.   } else if (type == 'month') {
    525.     const tenMonthsAgo = moment().subtract(val, 'months').format('YYYY-MM');
    526.     const currentMonth = moment().subtract(1, 'months').format('YYYY-MM');
    527.     const month = [tenMonthsAgo, currentMonth];
    528.     return month
    529.   }
    530. }
    531.  
    532. // 20240101   console.log(this.$timeTypeFormatting('day', '2024-01-01'),);
    533. export function timeTypeFormatting (type, value) {
    534.   switch (type) {
    535.     case 'hour':
    536.       return value.substring(0, 13).replace(/[- :]/g, "");
    537.       break;
    538.     case 'day':
    539.       return value.replace(/[- :]/g, "");
    540.       break;
    541.     case 'week':
    542.       return (moment(value).isoWeekYear() + ' ' + moment(value).isoWeek()).replace(/[- :]/g, "");
    543.       break;
    544.     case 'month':
    545.       return value.replace(/[- :]/g, "");
    546.       break;
    547.     case 'year':
    548.       return value.replace(/[- :]/g, "");
    549.       break;
    550.     default: '';
    551.   }
    552. }
    553.  
    554.  
    555.  
    556. export function getBase64 (file) {
    557.   return new Promise(function (resolve, reject) {
    558.     const reader = new FileReader()
    559.     let imgResult = ''
    560.     reader.readAsDataURL(file)
    561.     reader.onload = function () {
    562.       imgResult = reader.result
    563.     }
    564.     reader.onerror = function (error) {
    565.       reject(error)
    566.     }
    567.     reader.onloadend = function () {
    568.       resolve(imgResult)
    569.     }
    570.   })
    571. }
    572.  
    573. export function getEmpty (val) {
    574.   if (val !== null && val !== false && val !== undefined && val !== NaN && val !== '') {
    575.     return val
    576.   } else {
    577.     return '-'
    578.   }
    579. }
    580. export function getEmptyUnit (val, unit) {
    581.   if (val !== null && val !== false && val !== undefined && val !== NaN && val !== '' && val != '0.00' && val !== 0 && val && val !== 'NaN') {
    582.     return unit
    583.   } else {
    584.     return ''
    585.   }
    586. }
    587.  
    588.  
    589. export function findObjectByValue (arr, val) {
    590.   let result = [];
    591.  
    592.   function search (arr, parentObjects = []) {
    593.     for (let i = 0; i < arr.length; i++) {
    594.       if (arr[i].id === val) {
    595.         // 找到匹配项，将当前对象和所有父级对象都添加到结果数组
    596.         result.push(...parentObjects, arr[i]);
    597.       }
    598.       if (arr[i].childs && arr[i].childs.length > 0) {
    599.         // 递归搜索子对象，将当前对象添加到父级对象数组中
    600.         search(arr[i].childs, [...parentObjects, arr[i]]);
    601.       }
    602.     }
    603.   }
    604.  
    605.   search(arr);
    606.   return result;
    607. }
    608.  
    609.  
    610.  
    611.  
    612.  
    613. export default {
    614.   install (vue) {
    615.     this.addGlobalMethods(vue)
    616.   },
    617.   addGlobalMethods (vue) {
    618.     vue.prototype.$random = random
    619.     vue.prototype.$resetForm = resetForm
    620.     vue.prototype.$randomOne = randomOne
    621.     vue.prototype.$getDateString = getDateString
    622.     vue.prototype.$getRecentDays = getRecentDays
    623.     vue.prototype.$getWeekStartDateAndEndDateRange =
    624.       getWeekStartDateAndEndDateRange
    625.     vue.prototype.$getMonthStartDateAndDateRange = getMonthStartDateAndDateRange
    626.     vue.prototype.$debounce = debounce
    627.     vue.prototype.$getDateStringCh = getDateStringCh
    628.     vue.prototype.$randomUUID = randomUUID
    629.     vue.prototype.$resetTimer = resetTimer
    630.     vue.prototype.$todayTimer = todayTimer
    631.     vue.prototype.$funDownload = funDownload
    632.     vue.prototype.$objToJson = objToJson
    633.     vue.prototype.$print = print
    634.     vue.prototype.$printCanvas = printCanvas
    635.     vue.prototype.$exportpic = exportpic
    636.     vue.prototype.$copyText = copyText
    637.     vue.prototype.$getDefaultTimeRange = getDefaultTimeRange
    638.     vue.prototype.$timeRangeFormat = timeRangeFormat
    639.     vue.prototype.$timeRange = timeRange
    640.     vue.prototype.$ofYear = ofYear
    641.     vue.prototype.$ofMonth = ofMonth
    642.     vue.prototype.$getDefaultDayRange = getDefaultDayRange
    643.     vue.prototype.$timeFormatting = timeFormatting
    644.     vue.prototype.$getBase64 = getBase64
    645.     vue.prototype.$getEmpty = getEmpty
    646.     vue.prototype.$getEmptyUnit = getEmptyUnit
    647.     vue.prototype.$findObjectByValue = findObjectByValue
    648.     vue.prototype.$tenMonthsAgo = tenMonthsAgo
    649.     vue.prototype.$timeTypeFormatting = timeTypeFormatting
    650.     vue.prototype.$timeFormatType = timeFormatType
    651.     vue.prototype.$tenMonthsHistory = tenMonthsHistory
    652.     vue.prototype.$recentMonths = recentMonths
    653.   },
    654. }

  • 相关阅读:
    微信小程序关联组件
    公司如何对电脑软件进行统一管理？
    【uni-app系列】uni-ui扩展组件和uViewUI的安装使用
    训练一个目标检测模型
    Webpack的打包原理
    js递归理解及使用案例
    HVV（护网）蓝队视角的技战法分析
    开源协议、开源贡献协议与OpenHarmony
    抖音小店运营计划书怎么写?运营技巧及入住条件资料
    torchscript相关知识介绍（二）
  • 原文地址：https://blog.csdn.net/weixin_45884508/article/details/138158950