Angular getLocaleFirstDayOfWeek多区域返回不一致问题咨询

一周起始日的权威来源 #

• 目前主流国际化框架（包括Angular）依赖的**CLDR（Unicode通用区域数据仓库）**是一周起始日的权威数据源。
• 对于en-FR、en-NL这类「语言-区域」组合，CLDR的规则是优先遵循语言的默认习惯：英语（en）默认以周日为一周起始，因此Angular的getLocaleFirstDayOfWeek会返回周日；而谷歌旅行的逻辑是直接采用区域（FR/NL）的规则，所以两者出现差异。

修正实现方案 #

要让en-FR和en-NL都返回周一，可通过以下两种方式修改CustomDateAdapter的逻辑：

方案1：优先基于区域代码获取起始日 #

拆分locale字符串，提取区域部分单独获取起始日，确保遵循区域规则而非语言规则：

import { Injectable } from '@angular/core';
import { NativeDateAdapter } from '@angular/material/core';
import { getLocaleFirstDayOfWeek, registerLocaleData } from '@angular/common';

@Injectable()
export class CustomDateAdapter extends NativeDateAdapter {
  getFirstDayOfWeek(): number {
    const localeSegments = this.locale.split('-');
    // 存在区域代码时，优先用区域代码获取起始日
    if (localeSegments.length > 1) {
      try {
        return getLocaleFirstDayOfWeek(localeSegments[1]);
      } catch (err) {
        // 区域代码无效时，回退到原locale逻辑
        return getLocaleFirstDayOfWeek(this.locale);
      }
    }
    return getLocaleFirstDayOfWeek(this.locale);
  }
}

方案2：针对特定locale做硬覆盖 #

如果仅需处理en-FR、en-NL这类特定场景，可直接添加条件判断：

import { Injectable } from '@angular/core';
import { NativeDateAdapter } from '@angular/material/core';
import { getLocaleFirstDayOfWeek } from '@angular/common';

@Injectable()
export class CustomDateAdapter extends NativeDateAdapter {
  getFirstDayOfWeek(): number {
    const targetLocales = ['en-FR', 'en-NL'];
    if (targetLocales.includes(this.locale)) {
      // FR/NL区域的一周起始日为周一（Angular中1代表周一，0代表周日）
      return 1;
    }
    return getLocaleFirstDayOfWeek(this.locale);
  }
}

补充注意事项 #

• 需确保项目中已导入对应locale的数据，示例如下：

import localeFr from '@angular/common/locales/fr';
import localeNl from '@angular/common/locales/nl';
import localeEnFr from '@angular/common/locales/en-GB';
import localeEnNl from '@angular/common/locales/en-NL';

registerLocaleData(localeFr);
registerLocaleData(localeNl);
registerLocaleData(localeEnFr, 'en-FR');
registerLocaleData(localeEnNl, 'en-NL');

内容的提问来源于stack exchange，提问作者suneesh