Breaking News: Grepper is joining You.com. Read the official announcement!

mat datepicker timezone not correct

Sleepy Squirrel answered on June 7, 2021 Popularity 3/10 Helpfulness 2/10

answer mat datepicker timezone not correct

related mat datepicker timezone not correct

mat datepicker timezone not correct

Comment

import { Inject, Injectable, Optional } from '@angular/core';
import { MAT_DATE_LOCALE } from '@angular/material';   
import { MomentDateAdapter } from '@angular/material-moment-adapter';
import { Moment } from 'moment';
import * as moment from 'moment';

@Injectable()
export class MomentUtcDateAdapter extends MomentDateAdapter {

  constructor(@Optional() @Inject(MAT_DATE_LOCALE) dateLocale: string) {
    super(dateLocale);
  }

  createDate(year: number, month: number, date: number): Moment {
    // Moment.js will create an invalid date if any of the components are out of bounds, but we
    // explicitly check each case so we can throw more descriptive errors.
    if (month < 0 || month > 11) {
      throw Error(`Invalid month index "${month}". Month index has to be between 0 and 11.`);
    }

    if (date < 1) {
      throw Error(`Invalid date "${date}". Date has to be greater than 0.`);
    }

    let result = moment.utc({ year, month, date }).locale(this.locale);

    // If the result isn't valid, the date must have been out of bounds for this month.
    if (!result.isValid()) {
      throw Error(`Invalid date "${date}" for month with index "${month}".`);
    }

    return result;
  }
}

Popularity 3/10 Helpfulness 2/10 Language typescript

Source: stackoverflow.com

Tags: mat-datepicker timezone typescript

Link to this answer
Share Copy Link

Contributed on Jun 07 2021

Sleepy Squirrel

0 Answers Avg Quality 2/10

Closely Related Answers

mat datepicker timezone not correct

Comment

providers: [
    ...
    { provide: MAT_DATE_LOCALE, useValue: 'en-GB' },
    { provide: MAT_DATE_FORMATS, useValue: MAT_MOMENT_DATE_FORMATS },
    { provide: DateAdapter, useClass: MomentUtcDateAdapter },
    ...
],

Popularity 3/10 Helpfulness 1/10 Language typescript

Source: stackoverflow.com

Tags: typescript mat-datepicker timezone

Link to this answer
Share Copy Link

Contributed on Jun 07 2021

Sleepy Squirrel

0 Answers Avg Quality 2/10

mat datepicker timezone not correct

Contents

More Related Answers

mat datepicker timezone not correct

Closely Related Answers

mat datepicker timezone not correct

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.