Home / Questions / 48581
Accepted
Miquel Coll
Asked: 2020-02-10 06:42:09 +0800 CST 2020-02-10 06:42:09 +0800 CST

md-datepicker format in AngularJS (Angular 1) inconsistent

  • 772

I have a md-datepickerdefined with Angular 1.X:

<md-datepicker ng-model="query.filter.mindate"></md-datepicker>

How can I define the date format of this component?

I have already read some answers about it (like this one ) where they propose to use the mdDateLocaleProvider.formatDatey parseDateand it doesn't work for me.

I have also tried to put it like this:

<md-datepicker ng-model="query.filter.mindate">{{date : 'D/M/YYYY'}}</md-datepicker>

And this:

<md-datepicker ng-model="query.filter.mindate">{{myFecha date : 'D/M/YYYY'}}</md-datepicker>

But this doesn't work either, validation occurs as expected M/D/YYYYand I don't see how to modify it.

Is there a way to put some tag in the same HTML so that it does the validation with the format that you want?

angularjs

1 Answers

  1. Best Answer

    Thanks to x4mp73r's comment that went to this original OS question which fixed my problem for me.

    What I have had to do is put this in my config:

    $mdDateLocaleProvider.formatDate = function (date) {
    return date ? moment(date).format('D/M/YYYY') : '';
};

$mdDateLocaleProvider.parseDate = function (dateString) {
    var m = moment(dateString, 'D/M/YYYY', true);
    return m.isValid() ? m.toDate() : new Date(NaN);
};

    And the validation already works as it should and allows post requests to be made without problems.

    • 1