angular-material-datetimepicker
angular-material-datetimepicker copied to clipboard
Locale issue
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
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
@jekcom maybe this can be a workaround?
$scope.changeLanguage = function() {
$translate.use($scope.selectedLang);
moment.locale($scope.selectedLang);
};
From demo.js
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?
https://stackoverflow.com/questions/31706054/angularjs-dynamic-locale