Angular Material 2 DatePicker Date Format Using Moment

Question

I am using Angular Material 2 date picker and want to format the date like - 'Sat 02-Mar-19'.

There is a guideline how to do that in Angular Material, as I am new to moment js and not familiar with it, so not able to get the expected format.

I tried to format the date by looking into the moment doc by changing the options provided by Angular Material but no luck.

What change I should do into the configuration provided by Angular material to get the date like - 'Sat 02-Mar-19'.

actually with material you can use "native" picker or "moment" picker. I found "moment" to be better cross-platforms — Normunds Kalnberzins
– Normunds Kalnberzins, Commented Feb 22, 2019 at 11:38

Kanchan · Accepted Answer · 2019-02-22 12:51:16Z

2

After spending a few hours on moment js document following material config work perfectly -

export const MY_FORMATS = {
  parse: {
    dateInput: 'ddd DD-MMM-YY',
  },
  display: {
    dateInput: 'ddd DD-MMM-YY'
  }
};

Hoping that this will save an hour for someone.

answered Feb 22, 2019 at 12:51

Kanchan

1,6273 gold badges25 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1