logbon72 / angular-material-datetimepicker

Datepicker for Angular Material, mimick's Android's date time picker
https://logbon72.github.io/angular-material-datetimepicker
MIT License
169 stars 123 forks source link

Locale issue #104

Open jekcom opened 7 years ago

jekcom commented 7 years ago

When switching locale language in real time the calendar is translated but the date in the textbox is not being translated. That's the input

<input type="text" id="endDate" class="form-control" format="MMM D, YYYY" style="width:150px" placeholder="{{'forever' | translate}}" ng-model="validUntilDate" ok-text="{{'ok' | translate}}" cancel-text="{{'cancel' | translate}}" today-text="{{'today' | translate}}" mdc-datetime-picker="" time="false" date="true" lang="{{vm.languageCode}}" close-text="Close" /> first i do vm.languageCode = 'en'; moment.locale('en'); then switching to french vm.languageCode = 'fr' ; moment.locale('fr');

Notice the textbox on the right is not beeing translated

untitled-1

hexadecy commented 7 years ago

Yes, it's because the format is a moment format. When we set moment.locale('fr'), it will affect only the next time we use moment. Maybe we could do something with https://github.com/urish/angular-moment

hexadecy commented 7 years ago

@jekcom maybe this can be a workaround?

$scope.changeLanguage = function() {
  $translate.use($scope.selectedLang);
  moment.locale($scope.selectedLang);
};

From demo.js

Geoffrey-Dere commented 7 years ago

Hello, I have the same issue (format date don't update if we change the moment local (we have to change the date and it works) Does anyone have a solution?

hexadecy commented 7 years ago

https://stackoverflow.com/questions/31706054/angularjs-dynamic-locale