2017-02-10 4 views
0

У меня проблема с ionic2 в переводе имен месяцев на другой язык из другой страны. В моих представлениях я использую дату фильтра, чтобы отобразить полное имя месяца. Имена месяцев появляются на английском языке, и мне нужно, чтобы они появлялись на португальском языке Бразилии.IONIC2 - Как перевести названия месяцев на вид

Когда я использовал ionic1 Я только что просмотрел файл 'ionic.bundle.min.js', и оттуда я изменил название месяцев, которые были на английском языке. Уже для ионного2 я до сих пор не знаю, как мне сделать, чтобы изменить язык месяцев.

Может ли кто-нибудь помочь мне с этим?

+0

Возможно, это поможет https://ionicframework.com/docs/v2/resources/ng2-translate/ –

ответ

3

Вы можете использовать атрибут monthShortNames и/или monthNames на вашем ion-datetime теге

<ion-item> 
    <ion-datetime displayFormat="DD/MMM/YYYY HH:mm" pickerFormat="DD MMM YYYY HH mm" monthShortNames='jan, fev, mar, abr, mai, jun, jul, ago, set, out, nov, dez' doneText="Ok" cancelText="Cancelar"></ion-datetime> 
</ion-item> 
<ion-item> 
    <ion-datetime displayFormat="DD/MMMM/YYYY HH:mm" pickerFormat="DD MMMM YYYY HH mm" montNames='janeiro, fevereiro, março, abril, maio, junho, etc...' doneText="Ok" cancelText="Cancelar"></ion-datetime> 
</ion-item> 

Если вы хотите, чтобы показать короткие имена, ваш подборщика и формат отображения должен быть МММ и длинных имен он должен быть MMMM ,

Вы можете использовать обе вместе, как MMM в сборщике и MMMM для отображения.

То же самое касается dayNames и dayShortNames.

Это только для показа purpouses, в вашем файле .ts они будут в формате ISO, если вы хотите, чтобы они отображались позже на португальском языке, я бы рекомендовал использовать Moment.js для изменения языкового стандарта до 'pt-br' и показывая его на ваш взгляд. Если вам тоже нужна помощь, оставьте комментарий, и я покажу, как это сделать.

0

Другое решение, откройте app.module.ts файла, вам придется завершить импортирует ключа таким образом:

imports: [ 
BrowserModule, 
HttpModule, 
IonicModule.forRoot(MyApp, { 
    monthNames: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'aout', 'septembre', 'octobre', 'novembre', 'décembre' ], 
    monthShortNames: ['jan', 'fev', 'mar', 'avr', 'mai', 'jui', 'jui', 'aou', 'sep', 'oct', 'nov', 'dec' ], 
    dayNames:['dimanche','lundi','mardi','mercredi','jeudi','vendredi','samedi'], 
}), 
IonicStorageModule.forRoot() 
] 

В вашей HTML странице, ваш ион-dateime тег будет используется таким образом:

<ion-datetime displayFormat="DDDD D MMMM YYYY" min="2017" max="2099-12-31" cancelText="Annuler" doneText="Valider" [(ngModel)]="DateDebut"></ion-datetime> 
Смежные вопросы