Интернационализация p-календаря (primeNg + i18next) - PullRequest
Новая
       106

Интернационализация p-календаря (primeNg + i18next)

0 голосов
/ 13 июля 2020

Я использую структуру интернационализации под названием i18next. Один из моих компонентов - p-календарь, но я не знаю, как интернационализировать его с помощью этой структуры. Кто-нибудь знает, как я могу интернационализировать этот компонент с помощью i18next? Если кто-то знает другое решение без использования i18next, я также могу использовать.

  • Angular версия: 8.2
  • Версия PrimeNG: 8.1.1

1 Ответ

0 голосов
/ 13 июля 2020

Для календаря PrimeNG вы можете добавить локализацию к свойству locale.

HTML: 

<p-calendar [(ngModel)]="dateValue" [locale]="en"></p-calendar>

TS 

ngOnInit() {
    this.en = {
        firstDayOfWeek: 0,
        dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
        dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
        dayNamesMin: ["Su","Mo","Tu","We","Th","Fr","Sa"],
        monthNames: [ "January","February","March","April","May","June","July","August","September","October","November","December" ],
        monthNamesShort: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ],
        today: 'Today',
        clear: 'Clear',
        dateFormat: 'mm/dd/yy',
        weekHeader: 'Wk'
    };
}

Ознакомьтесь с официальной документацией .

...