AngularJS / Angular-ui-bootstrap更改datePicker使用的语言

我使用这里logging的datePicker。

但是，没有直接选项允许更改语言，默认情况下是英文 。

我find了一个没有angular指令的widget的文档，它提供了一个很好的方法来实现它：

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

有没有简单的方法，避免调整原指令的源代码，改变它？

Answer 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> 

你可以在这里看到一个工作的笨蛋

Answer 2

首先，你必须在index.html中加载你的语言环境（ 在这里得到它们 ）脚本：

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

之后，date和月份是本地化的，但是您需要自己在datepickerinput标签内添加参数来转换button：

 <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" /> 

Answer 3

你可以用这个链接findlocale js文件的最新版本。

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

另外，如果你想翻译dateselect器动作button（如“closures”）globaly，你可以添加这个代码的全局configuration。

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