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 分钟前
Vue2和Vue3语法糖差异大揭秘:一文读懂,开发不纠结!
javascript·vue.js·设计模式
剽悍一小兔1 分钟前
小程序发布后,不能强更的情况下,怎么通知到用户需要去更新?
前端
115432031q2 分钟前
基于SpringBoot+Vue实现的旅游景点预约平台功能十三
java·前端·后端
JiangJiang3 分钟前
🧠 面试官:受控组件都分不清?还敢说自己写过 React?
前端·react.js·面试
tianchang3 分钟前
JS 中 Map 的概念与使用
前端·javascript
Jenlybein3 分钟前
[ Javascript 面试题 ]:提取对应的信息,并给其赋予一个颜色,保持幂等性
前端·javascript·面试
Carlos_sam3 分钟前
Opnelayers:向某个方向平移指定的距离
前端·javascript
夜熵4 分钟前
JavaScript 中的 this
前端·面试
前端小巷子7 分钟前
CSS 单位指南
前端·css
St7 分钟前
探索JavaScript原型链设计——详解prototype、__proto__及constructor三者之间的关系
前端·javascript