0

将语言环境添加到角度组件的指令中:

<input
type="text"
name="date"
mwlFlatpickr
[altInputClass]="'form-control'"
[(ngModel)]="post.date"
[altInput]="true"
[inline]="true"
[dateFormat]="'d.m.y'"
[locale]="'Portuguese'"
[defaultValue]="'today'"
[convertModelValue]="true">

尝试加载语言环境时,返回错误:

错误:flatpickr:无效的语言环境葡萄牙语

在 setupLocale (flatpickr.js:1910) 在 init (flatpickr.js:581) 在 FlatpickrInstance (flatpickr.js:2419) 在 _flatpickr (flatpickr.js:2438) 在 flatpickr (flatpickr.js:2463) 在 FlatpickrDirective.push。 ./node_modules/angularx-flatpickr/fesm5/angularx-flatpickr.js.FlatpickrDirective.ngAfterViewInit (angularx-flatpickr.js:295) 在 callProviderLifecycles (core.js:22416) 在 callElementProvidersLifecycles (core.js:22390) 在 callLifecycleHooksChildrenFirst (core .js:22380) 在 checkAndUpdateView (core.js:23316)

4

1 回答 1

2

在您的module.ts文件上,导入所有必要的文件,创建一个名为 的函数flatpickrFactory,然后导入与您的语言对应的语言(所有语言文件都在这里

import { FlatpickrModule, FLATPICKR } from 'angularx-flatpickr';
import flatpickr from 'flatpickr';
import { Portuguese } from 'flatpickr/dist/l10n/pt';

export function flatpickrFactory() {
  flatpickr.localize(Portuguese);
  return flatpickr;
}

现在,关于您的方法的component.ts导入。flatpickrFactory();ngOnInit()

ngOnInit() {
  flatpickrFactory();

  // Your other logic here...
} 

在您的 component.html (templateUrl) 中,添加指令,如下例所示:

<input 
  type="text" 
  mwlFlatpickr 
  [(ngModel)]="selectedDate" 
  [altInput]="true" 
  [dateFormat]="'d.m.y'"
  [locale]="'Portuguese'"
  [convertModelValue]="true">
于 2019-05-05T12:05:30.860 回答