JS实用小方法-获取向后/向前指定几个月的月份时间列表

一、功能/参数详解

  • reverseFlag参数用于控制向后向前 默认向前true,可传向后false
  • type参数用于拼接返回日期格式,默认-,可传年月 / - .等
  • zeroFillFlag参数用于数字补零,默认true补零,可传false不补零
  • numFlag参数用于控制获取几个月份,默认6,可传其他数字

二、代码注释详解

typescript 复制代码
 const getBeforeMonth = (param = {}) => {
        // 定义默认对象
        let defaultArguments = {
            reverseFlag: true,
            type: "-",
            zeroFillFlag: true,
            numFlag: 6,
        };
        // 解决严格模式下的未知位数参数问题
        defaultArguments = { ...defaultArguments, ...param };
        // 用于存储前六个月日期
        let dateList = []
        // 获取当前日期
        let date = new Date()
        // 获取当前年份
        let Y = date.getFullYear()
        // 获取当前月份,注意:正常情况加1为正常值,
        // 此处加2是因为首次递减消耗1,实际月份需要加2。
        // 此处原值是因为首次递增消耗1,
        let M = defaultArguments.reverseFlag ? date.getMonth() + 2 : date.getMonth()
        // 循环赋值
        for (let i = 0; i < defaultArguments.numFlag; i++) {
            // 用于存储处理后的数据
            let dateOption = ''
            // 倒序
            if (defaultArguments.reverseFlag) {
                // 是否为一月,为1赋12且年份减一,否则月份减一
                M == 1 ? (M = 12, Y--) : M--;
            } else {
                // 是否为十二月,为0赋1且年份加一,否则月份加一
                M == 0 ? (M = 1, Y++) : M++;
            }
            // 数字补零
            m = M < 10 && defaultArguments.zeroFillFlag ? '0' + M : M
            // 拼接
            dateOption = defaultArguments.type == '年月'
                ? `${Y}${defaultArguments.type[0]}${m}${defaultArguments.type[1]}`
                : `${Y}${defaultArguments.type}${m}`
            dateList.push(dateOption)
        }
        return dateList
    }
    // 默认参,['2024-03', '2024-02', '2024-01', '2023-12', '2023-11', '2023-10']
    console.log('默认参', getBeforeMonth())
    // 向后四个月份 格式/ 不补零, ['2024/3', '2024/4', '2024/5', '2024/6']
    console.log('正序 格式/ 不补零', getBeforeMonth({ reverseFlag: false, type: "/", zeroFillFlag: false, numFlag: 4 }))
    // 向前三个月份 格式年月,['2024年03月', '2024年02月', '2024年01月']
    console.log('向前三个月份 格式年月', getBeforeMonth({ type: "年月", numFlag: 3 }))
相关推荐
御形封灵1 小时前
基于原生table实现单元格合并、增删
开发语言·javascript·ecmascript
颜颜yan_1 小时前
DevUI + Vue 3 入门实战教程:从零构建AI对话应用
前端·vue.js·人工智能
Irene19911 小时前
Prettier 配置文件 .prettierrc.js 和 .prettierrc.json 的区别
javascript·json
国服第二切图仔2 小时前
DevUI Design中后台产品开源前端解决方案之Carousel 走马灯组件使用指南
前端·开源
无限大62 小时前
为什么浏览器能看懂网页代码?——从HTML到渲染引擎的奇幻之旅
前端
福尔摩斯张2 小时前
Linux信号捕捉特性详解:从基础到高级实践(超详细)
linux·运维·服务器·c语言·前端·驱动开发·microsoft
2401_860319522 小时前
DevUI组件库实战:从入门到企业级应用的深度探索 ,如何快速安装DevUI
前端·前端框架
cc蒲公英3 小时前
javascript有哪些内置对象
java·前端·javascript
zhangwenwu的前端小站3 小时前
vue 对接 Dify 官方 SSE 流式响应
前端·javascript·vue.js
王林不想说话3 小时前
受控/非受控组件分析
前端·react.js·typescript