angular / angular/components

bug(Datepicker): Datepicker with Moment ignores locale

Offen
#28,263 20 Kommentare 6 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/datepicker P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### Is this a regression?

- [X] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

16

### Description

Since updating to Angular 17, my mat-datepicker ignores my locale. Everything should be in German but instead it's all in English now.

### Reproduction

StackBlitz link: https://components-issue-uudyxr.stackblitz.io
Steps to reproduce:
1. Open the datepicker to select a date
2. Select a year and a month

### Expected Behavior

The months are displayed in German (screenshot taken from production environment that doesn't have the update to Angular 17 yet).

![image](https://github.com/angular/components/assets/141422285/662124c9-f17b-4181-a378-a103ee3c9d25)
![image](https://github.com/angular/components/assets/141422285/ce836090-536a-448b-b58f-80e88172da78)

### Actual Behavior

The months are displayed in English

![image](https://github.com/angular/components/assets/141422285/dc658296-25f4-4221-9938-1b0b62df07e8)
![image](https://github.com/angular/components/assets/141422285/5ff86a70-2566-4979-8117-aa35ce27a4f8)

### Environment

- Angular: 17.0.6
- CDK/Material: 17.0.3
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 11

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginnen Sie mit der verknüpften StackBlitz-Reproduktion und dem mit Moment und einem deutschen Locale konfigurierten mat-datepicker. Vergleichen Sie das Verhalten zwischen Angular 16 und Angular 17 und verfolgen Sie anschließend die Locale-Behandlung des Datepickers zurück, um zu ermitteln, warum die Monatsnamen auf Englisch zurückfallen. Erledigt ist die Aufgabe, wenn die Reproduktion nach dem Upgrade deutsche Monatsnamen anzeigt und die Regression durch die relevanten Tests des Projekts abgedeckt ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.