You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 06:32:05