js当前季度到几年前的季度列表（原创）

Html

Css

用于展示当前季度到前几年的季度，多少由你自己决定

可用于select下拉菜单展示，这需求写过好几次每次都重新写，这里保存一下

label	value

.ac-main-table {
	table-layout:fixed;
	width:100%;
	font-size:14px;
	color:#000;
}
.ac-main-table th {
	line-height:30px;
	height:30px;
	background-color:#f5f5f5;
	text-align:center;
	border:1px solid #ccc;
}
.ac-main-table td {
	padding:10px;
	line-height:22px;
	text-align:center;
	border:1px solid #ccc;
}
.ac-main-table td>p {
	display:inline-block;
	text-align:left;
}

// 设置需要多少年的季度
var YEARS = 3
var getCurrentSeason = () => {
    var currentMonth = new Date().getMonth() + 1
    return Math.floor((currentMonth % 3 === 0 ? (currentMonth / 3) : (currentMonth / 3 + 1)))
}
var getYearSeasonList = () => {
    var dataArr = [{
        label: '全部',
        value: ''
    }]
    var list = []
    var seasonList = [{
            label: '第四季度',
            monthList: ['10', '11', '12']
        },
        {
            label: '第三季度',
            monthList: ['07', '08', '09']
        },
        {
            label: '第二季度',
            monthList: ['04', '05', '06']
        },
        {
            label: '第一季度',
            monthList: ['01', '02', '03']
        }
    ]
    var currentYear = new Date().getFullYear()
    for (var i = 0; i < (YEARS + 2); ++i) {
        for (var j = 0; j < seasonList.length; ++j) {
            list.push({
                label: (currentYear - i) + '年' + seasonList[j].label,
                value: (currentYear - i) + '' + seasonList[j].monthList[0] + ',' + (currentYear - i) + '' + seasonList[j].monthList[1] + ',' + (currentYear - i) + '' + seasonList[j].monthList[2]
            })
        }
    }
    return dataArr.concat(list.splice(4 - getCurrentSeason(), YEARS * 4 - 4 + getCurrentSeason() + 1))
}
console.log(getYearSeasonList())

// 下边的不是核心代码
var strHtml = ''
var arr = getYearSeasonList()
arr.map(function(item) {
    if (item.value) {
        strHtml += '<tr><td>' + item.label + '</td><td>' + item.value + '</td></tr>'
    }
})
console.log('strhtml', strHtml)
document.querySelector('#J-tbody').innerHTML = strHtml

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

js当前季度到几年前的季度列表（原创）

代码描述：选择季度列表，按当前季度到n年前季度的顺序排列，常用展示，此处示例是过去3年季度的倒叙

更新时间：2020-03-03 00:25:14

1

最新

发表评论全部评论

暂时没有评论！

慕牧木0

2020/3/3 10:44:23

js 第39行改成下边这个...找了半天没找到更新代码的入口... return dataarr.concat(list.splice(4 - getcurrentseason(), years * 4)) 回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

慕牧木

相关代码

用于展示当前季度到前几年的季度，多少由你自己决定

js当前季度到几年前的季度列表（原创）

最新