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 }))
相关推荐
JosieBook1 小时前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用
前端·javascript·vue.js
pusheng20251 小时前
算力时代的隐形防线:数据中心氢气安全挑战与技术突破
前端·安全
起名时在学Aiifox1 小时前
前端文件下载功能深度解析:从基础实现到企业级方案
前端·vue.js·typescript
2501_941877982 小时前
从配置热更新到运行时自适应的互联网工程语法演进与多语言实践随笔分享
开发语言·前端·python
云上凯歌2 小时前
01 ruoyi-vue-pro框架架构剖析
前端·vue.js·架构
华仔啊3 小时前
JavaScript 如何准确判断数据类型?5 种方法深度对比
前端·javascript
毕设十刻3 小时前
基于Vue的迅读网上书城22f4d(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
程序员小寒3 小时前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序
开发语言·前端·javascript·面试
爱健身的小刘同学4 小时前
Vue 3 + Leaflet 地图可视化
前端·javascript·vue.js
神秘的猪头4 小时前
Ajax 数据请求:从零开始掌握异步通信
前端·javascript