0

我有一个角度项目，在这个项目中我需要使用角度材料 Datepicker 来选择 Date 。

我的项目支持多语言，当更改语言时，我需要通过语言本地日期时间运行时使用 Angular Material Adapter 更改 datepicker 值。

例如，我的项目中有persian和us-en语言。我需要当语言更改为persian，日期选择器设置PersianAdapter和选择us-en它应该设置的语言时Gregorian Adapter。

当页面重新加载时，它会检查日期选择器的语言值和设置值，但我需要在不刷新页面的情况下更改 datepicket 值。

我将此代码用于 Provider ：

import { MaterialPersianDateAdapter, PERSIAN_DATE_FORMATS } from './material.persian-date.adapter';
import { GregorianDateAdapter } from './gregorian-date-adapter';
import { MAT_MOMENT_DATE_FORMATS } from './moment-date-format';

export function createDateProvider() {
    const lang = localStorage.getItem('language');
    if (lang === 'fa') {
        return new MaterialPersianDateAdapter();
    } else {
        return new GregorianDateAdapter();
    }
}

export function getDateFormat() {
    const lang = localStorage.getItem('language');
    if (lang === 'fa') {
        return PERSIAN_DATE_FORMATS;
    } else {
        return MAT_MOMENT_DATE_FORMATS;
    }
 }

模块 ：

providers: [
    { provide: DateAdapter, useFactory: createDateProvider, deps: [MAT_DATE_LOCALE] },
    { provide: MAT_DATE_FORMATS, useFactory: getDateFormat }
  ]

通过刷新页面更改语言时，它可以正常工作，但是当我需要更改提供程序值以通过语言运行时更改日期选择器值时，它不起作用。

我写了这段代码，但它不起作用：

ngOnInit() : void {
   let injector = Injector.create([{
      provide: DateAdapter,
      useValue: MaterialPersianDateAdapter,
      deps: [MAT_DATE_LOCALE]
    },
    { provide: MAT_DATE_FORMATS, useFactory: getDateFormat }
    ]);
}

如何更改所选语言的日期选择器适配器？

4

0 回答 0