Angular material datepicker md-date-locale directive not working

Question

I'm trying to use the md-date-locale directive to overwrite angular material options for one date-picker input (as specified in https://material.angularjs.org/latest/api/directive/mdDatepicker) but it's not working.

Here is an example using the angular material example to test

md-date-locale="{ firstDayOfWeek: 2 }"

http://codepen.io/Hyperalpha/pen/gmwMdm

If it's not possible, I need to update datepicker options after loading (not in module.config() ).

Thanks

Gaurav Kumar Singh · Accepted Answer · 2017-03-06 10:51:26Z

2

You need to set firstDayOfWeek in config function then its working fine

myAppModule.config(function($mdDateLocaleProvider) {
  $mdDateLocaleProvider.firstDayOfWeek = 2;
});

Working codepen

answered Mar 6, 2017 at 10:51

Gaurav Kumar Singh

1,5703 gold badges11 silver badges31 bronze badges

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

3 Comments

Arnaud D Over a year ago

Thanks Gaurav but I want to update this parameter dynamically and I don't know if it's possible with the config function.

Gaurav Kumar Singh Over a year ago

use $mdDateLocale service in controller for dynamic update, I have updated the codepen, check now

Arnaud D Over a year ago

It works ! I was using $mdDateLocaleProvider in my controller instead of $mdDateLocale to update dynamically this value (=> generate an error). With $mdDateLocale it works perfectly. Thanks Gaurav

Collectives™ on Stack Overflow

Angular material datepicker md-date-locale directive not working

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related