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

Question

我使用记录的日期选择在这里.

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

我找到了一个没有angular指令的小部件文档,它提供了一个很好的方法来实现它:

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>

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

Answer 2

首先,您必须在index.html中的angular之后加载您的语言环境(在此处获取)脚本:

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

之后,日期和月份已本地化,但您需要自己翻译按钮,在datepicker输入标记内添加参数:

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