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

我使用这里logging的datePicker。

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

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

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

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

如果您正在使用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> 

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

首先,你必须在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" /> 

你可以用这个链接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'; }]);