DatePicker ignores Angular's locale provider and other providers as written in Zorro's documentation.

TheAifam5 commented 5 years ago

Reproduction link

https://stackblitz.com/edit/ng-zorro-antd-start-6ssugj

Steps to reproduce

Set LOCALE_ID to de-DE: { provide: LOCALE_ID, useValue: 'de-DE' }
Set NZ_I18N to de-DE: { provide: NZ_I18N, useValue: de_DE }
Set NZ_DATE_LOCALE to de-DE: { provide: NZ_DATE_LOCALE, useValue: deDateLocale }

All three points should be done in app.module.ts.

Required imports:

import { LOCALE_ID } from '@angular/core';
import { NZ_I18N, NZ_DATE_LOCALE, de_DE } from 'ng-zorro-antd';

import localeDe from '@angular/common/locales/de';
import localeDeExtra from '@angular/common/locales/extra/de';

import deDateLocale from 'date-fns/locale/de';

What is expected?

The DatePicker should accept the selected locale format.
The DatePicker should show the date based on selected locale.

What is actually happening?

DatePicker always falls back to default nzFormat value and ignoring the Angular's providers. Also after setting the nzFormat to match the coresponding locale format, does not accept it via input, but only the default YYYY-MM-DD.

Environment	Info
ng-zorro-antd	7.4.1
Browser	Firefox Developer Edition

geesen commented 3 years ago

This is also in ng-zorro-antd 10.1.2 and Angular 10.2.3:

I was testing it using the german locale: "de"/"de_DE".

Reproduction links:

With default settings: https://stackblitz.com/edit/angular-gtvszt?file=src/app/app.component.ts
With explicit setting the locales to DE: https://stackblitz.com/edit/angular-gtvszt-6n2quc?file=src/app/app.module.ts

SevenDice commented 3 years ago

This is also in ng-zorro-antd 10.1.2 and Angular 10.2.3:

I was testing it using the german locale: "de"/"de_DE".

Reproduction links:
* With default settings:
  https://stackblitz.com/edit/angular-gtvszt?file=src/app/app.component.ts

* With explicit setting the locales to DE:
  https://stackblitz.com/edit/angular-gtvszt-6n2quc?file=src/app/app.module.ts
Yeah, same with "ru", "ru_RU"