Angular 4 - 材料2 - md datepicker设置一周的第一天

Bél*_*sán 13 datepicker angular-material2 angular

如何使用材料2设置一周的第一天?

目前默认是星期日,即使我将语言环境设置为hu或其他任何东西.

Bél*_*sán 30

找到了一个解决方法:

写这堂课

import {NativeDateAdapter} from '@angular/material';
import {Injectable} from '@angular/core';

@Injectable()
export class MyDateAdapter extends NativeDateAdapter {

  getFirstDayOfWeek(): number {
    return 1;
  }

}
Run Code Online (Sandbox Code Playgroud)

然后导入app.module,如:

{provide: DateAdapter, useClass: MyDateAdapter},
Run Code Online (Sandbox Code Playgroud)


Mag*_*elt 6

和Béla差不多,这是一个很好的答案,但是我必须实现构造函数才能使其正常工作。

import { NativeDateAdapter } from '@angular/material';
import { Injectable } from '@angular/core';
import { Platform } from '@angular/cdk/platform';

@Injectable()
export class SwedishDateAdapter extends NativeDateAdapter {
  constructor() {
    super('sv-SE', new Platform());
  }

  getFirstDayOfWeek(): number {
    return 1;
  }
}
Run Code Online (Sandbox Code Playgroud)


小智 5

constructor(
    private dateAdapter: DateAdapter<Date>
  ) { }

  ngOnInit() {
    this.dateAdapter.setLocale('es');
    this.dateAdapter.getFirstDayOfWeek = () => { return 1; }
  }
Run Code Online (Sandbox Code Playgroud)

  • 不鼓励仅使用代码的答案。添加一些有关如何到达那里的说明。 (3认同)