Material Design 2日期组件显示汉化 ,materia时间组件国际化,md2 时间组件汉化

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhaoqingkaitt/article/details/83345037

解决md2的Datepicker显示中文问题,主要有二种方式。

方式一修改源代码,这种方式不推荐

方式二:在使用日期组件的地方,或直接在app.component.ts中构造方法中修改里面month、daysOfWeek的值,操作如下:

constructor(private _locale: DateLocale) {
    this._locale.months = this.MONTH_NAMES;
    this._locale.daysOfWeek = this.DAY_OF_WEEK_NAMES;
  }

  MONTH_NAMES = {
    'long': [
      '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'
    ],
    'short': ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],
    'narrow': ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二']
  };

  DAY_OF_WEEK_NAMES = {
    'long': ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'],
    'short': ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'],
    'narrow': ['一', '二', '三', '四', '五', '六', '七']
  };

如果需要动态切换的话,可以写的方法,在方法执行即可。

猜你喜欢

转载自blog.csdn.net/zhaoqingkaitt/article/details/83345037