angularjs - ui组件 - ngbpopover




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

如果您使用的是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>

你可以here看到一个工作的plunker

我使用此处记录的datePicker。

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

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

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

是否有一种简单的方法,避免调整原始指令的源代码,来改变它?


您可以使用此链接找到locale js文件的最新版本。

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

此外,如果要将全局配置中的datepicker操作按钮(如“关闭”)转换为全局配置,则可以添加此代码。

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




angular-ui-bootstrap