Подтвердить что ты не робот

AngularJS/Angular -ui-bootstrap Изменение языка, используемого datePicker

Я использую документацию datePicker здесь.

Однако никакая прямая опция не позволяет по-умолчанию изменить язык Английский.

Я нахожу документацию о виджетах, предоставляемых без директивы angular, и она обеспечивает хороший способ ее достижения:

http://bootstrap-datepicker.readthedocs.org/en/latest/i18n.html

Есть ли простой способ, не позволяя изменить исходный исходный код директивы, чтобы изменить его?

4b9b3361

Ответ 1

Если вы используете форму DatePicker angular -ui, просто добавьте локализованный js файл в заголовок вашей страницы. Примером может служить:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js"></script>
<script src="http://code.angularjs.org/1.0.8/i18n/angular-locale_fr-fr.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>

Вы можете увидеть рабочий плункер здесь

Ответ 2

Сначала вы должны загрузить свои локали (получить их здесь) script после angular в index.html:

 <script src="angular.js"></script>
 <script src="angular-locale_de-de.js"></script>

После этого дни и месяцы локализованы, но вам нужно перевести кнопки самостоятельно, добавив параметры внутри тега ввода даты:

<input type="text" class="form-control" datepicker-popup="dd.MM.yyyy"
ng-model="dt" is-open="opened" min-date="minDate" max-date="'2042-04-02'"
datepicker-options="dateOptions" date-disabled="disabled(date, mode)" 
ng-required="true" 
current-text="Tonight" clear-text="Reset" close-text="Exit" />

Ответ 3

Вы можете найти самую последнюю версию файла locale js с этой ссылкой.

https://cdnjs.com/libraries/angular-i18n

Кроме того, если вы хотите перевести кнопки действия datepicker (например, "Закрыть" ) globaly, вы можете добавить этот код для глобальной конфигурации.

//DatePicker -> uibDatepickerConfig
//DatePickerPopup -> uibDatepickerPopupConfig
app.config(['uibDatepickerPopupConfig', function(uibDatepickerPopupConfig) {
uibDatepickerPopupConfig.closeText = 'Close';
uibDatepickerPopupConfig.currentText = 'Today';
uibDatepickerPopupConfig.clearText = 'Clear';
}]);