Angular 4 - material 2 - md datepicker set first day of the week

问题

How to set first day of the week using material 2?

Currently the default is sunday even if I set the locale to hu or anything else..

回答1:

Found a workaround:

Write this class

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

@Injectable()
export class MyDateAdapter extends NativeDateAdapter {

  getFirstDayOfWeek(): number {
    return 1;
  }

}

Then import to the app.module like:

{provide: DateAdapter, useClass: MyDateAdapter},

回答2:

Pretty much the sam answer as Béla but I had to implement the constructor to get it working.

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;
  }
}

回答3:

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

  ngOnInit() {
    this.dateAdapter.setLocale('es');
    this.dateAdapter.getFirstDayOfWeek = () => { return 1; }
  }

回答4:

I'm currently using angular 6 with the corresponding version of the material.

The solutions above worked however since i was using the moment.js adapter the application stopped working correctly.

Using the code at https://github.com/angular/material2/blob/master/src/material-moment-adapter/adapter/moment-date-adapter.ts and injecting it into the module made the application detect the correct region and set the starting day to monday (mine was pt-pt).

The only change needed was to set the correct moment import.

回答5:

Simply add the following to you app.module.ts:

  providers: [
    { provide: LOCALE_ID, useValue: 'en-GB' }
  ],

来源：https://stackoverflow.com/questions/45057191/angular-4-material-2-md-datepicker-set-first-day-of-the-week

标签

angular

datepicker

angular-material2