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 }))
相关推荐
mapbar_front21 小时前
进入职场第三课——立足
程序员
bitbitDown21 小时前
从零打造一个 Vite 脚手架工具:比你想象的简单多了
前端·javascript·面试
liangshanbo121521 小时前
CSS 数学函数完全指南:从基础计算到高级动画
前端·css
码上成长1 天前
GraphQL:让前端自己决定要什么数据
前端·后端·graphql
冴羽1 天前
为什么在 JavaScript 中 NaN !== NaN?背后藏着 40 年的技术故事
前端·javascript·node.js
久爱@勿忘1 天前
vue下载项目内静态文件
前端·javascript·vue.js
前端炒粉1 天前
21.搜索二维矩阵 II
前端·javascript·算法·矩阵
合作小小程序员小小店1 天前
web网页开发,在线%台球俱乐部管理%系统,基于Idea,html,css,jQuery,jsp,java,ssm,mysql。
java·前端·jdk·intellij-idea·jquery·web
不爱吃糖的程序媛1 天前
Electron 应用中的系统检测方案对比
前端·javascript·electron
泷羽Sec-静安1 天前
Less-9 GET-Blind-Time based-Single Quotes
服务器·前端·数据库·sql·web安全·less