Angular中如何在7月开始时在下拉框中显示对应年份?
实现按月份动态控制下拉框年份显示逻辑
你需要根据当前月份动态调整下拉框的最大显示年份,只有当当年7月及以后才显示当年,否则只显示到上一年。修改后的代码如下:
years: number[] = []; ngOnInit(){ const now = new Date(); const currentYear = now.getFullYear(); // 月份从0开始计数,7月对应数值6 const maxYear = now.getMonth() >= 6 ? currentYear : currentYear - 1; for (let year = 2020; year <= maxYear; year++) { this.years.push(year); } }
逻辑说明
- 先获取当前日期,提取年份和月份信息
- 判断当前月份是否达到7月(对应数值6),如果是则最大年份设为当前年,否则设为当前年减1
- 从2020年开始循环,将符合条件的年份加入数组
预期显示效果
2020 2021 2022 2023 2024(2024年7月起显示) 2025(2025年7月起显示)
内容的提问来源于stack exchange,提问作者Shilpa
相关产品推荐
相关产品推荐

