首页 > 解决方案 > 如何在 ng datepicker 中设置语言环境

问题描述

我正在使用 Angular 6 ,

我的 HTML 是

<ng-datepicker required class="date-picker" name="durationStart" #durationStart="ngModel"
   [(ngModel)]="lounge.crossSellServiceDate" [options]="dateOptions"></ng-datepicker>

在我的 .ts 文件中

this.dateOptions.locale=Object.assign({}, {locale: this.localeService.locale});
console.log(this.dateOptions);

这很好地设置了语言环境

语言环境设置为 zh-Hans

但是日历仍然以英文显示。

我从这个 Github 帖子中获得的代码

这里发生了什么问题,如何根据应用程序区域设置更改日历语言?

更新 1

import localeEN from '@angular/common/locales/en';
import localezhHant from '@angular/common/locales/zh-Hant';
import localezhHans from '@angular/common/locales/zh-Hans';

并在构造函数中

if(this.localeService.locale!='en')
{
this.dateOptions.locale = Object.assign({}, localezhHans);
console.log(this.dateOptions);
}

现在我可以设置中文区域设置,正如我在控制台中看到的那样

中文区域

但日历仍然反映英文内容

标签: javascriptangulardatepicker

解决方案


推荐阅读