【发布时间】:2019-12-05 19:44:05
【问题描述】:
我正在使用angular calendar,默认语言是英语,我想将其更改为西班牙语。
我的问题是文档很差,即使是 stackblitz 示例也只适用于法语,如果我尝试使用西班牙语代码 (es) 或任何其他语言代码,日历根本不会显示任何内容。
如何使用角度日历正确更改日期和月份的名称?
【问题讨论】:
标签: angular
我正在使用angular calendar,默认语言是英语,我想将其更改为西班牙语。
我的问题是文档很差,即使是 stackblitz 示例也只适用于法语,如果我尝试使用西班牙语代码 (es) 或任何其他语言代码,日历根本不会显示任何内容。
如何使用角度日历正确更改日期和月份的名称?
【问题讨论】:
标签: angular
repo 的 changelog 解释说,如果您想使用“英语以外的语言环境,您需要导入适当的语言环境数据”。
在这种情况下:
import { registerLocaleData } from '@angular/common';
import localeEs from '@angular/common/locales/es';
registerLocaleData(localeEs);
看到这个StackBlitz。
【讨论】:
<mwl-calendar-day-view>、<mwl-calendar-week-view>、<mwl-calendar-month-view> 标签中添加[locale]="locale"。并在您的组件中添加locale: string = "es";。
Adicional 导入,您需要执行下一步以更改月份语言
<div class="title">
{{ viewDate | calendarDate:(view + 'ViewTitle'):'Es' }}
</div>
要更改星期语言,请在 <mwl-calendar-month-view> 中添加属性 locale="es"
【讨论】: