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 }))
相关推荐
正在学习前端的---小方同学2 小时前
vue-easy-tree树状结构
前端·javascript·vue.js
键盘不能没有CV键5 小时前
【图片处理】✈️HTML转图片字体异常处理
前端·javascript·html
yantuguiguziPGJ6 小时前
WPF 联合 Web 开发调试流程梳理(基于 Microsoft.Web.WebView2)
前端·microsoft·wpf
大飞记Python6 小时前
部门管理|“编辑部门”功能实现(Django5零基础Web平台)
前端·数据库·python·django
tsumikistep7 小时前
【前端】前端运行环境的结构
前端
你的人类朋友7 小时前
【Node】认识multer库
前端·javascript·后端
Aitter7 小时前
PDF和Word文件转换为Markdown的技术实现
前端·ai编程
mapbar_front8 小时前
面试问题—上家公司的离职原因
前端·面试
昔人'9 小时前
css使用 :where() 来简化大型 CSS 选择器列表
前端·css
昔人'9 小时前
css `dorp-shadow`
前端·css