angularjs – 如何全局配置Angular UI引导指令

前端之家收集整理的这篇文章主要介绍了angularjs – 如何全局配置Angular UI引导指令前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在全球范围内使用uibDatepickerConfig配置 bootstrap datepicker?文档只是说明如下:

All settings can be provided as attributes in the uib-datepicker or globally configured through the uibDatepickerConfig.

source code中,它们被定义为常量:

.constant('uibDatepickerConfig',{
    formatDay: 'dd',formatMonth: 'MMMM',formatYear: 'yyyy',formatDayHeader: 'EEE',formatDayTitle: 'MMMM yyyy',formatMonthTitle: 'yyyy',datepickerMode: 'day',minMode: 'day',maxMode: 'year',showWeeks: true,startingDay: 0,yearRange: 20,minDate: null,maxDate: null,shortcutPropagation: false
})

this post中已经讨论了完全相同的问题,但解决方案似乎已经过时了.

解决方法

//where app is the module that depends on 'ui.bootstrap'
// probably your main app module

//for DatePicker options
app.config(['uibDatepickerConfig',function (uibDatepickerConfig) {
    uibDatepickerConfig.showWeeks = false;
}]);

//for DatePickerPopup options
app.config(['uibDatepickerPopupConfig',function (uibDatepickerPopupConfig) {
    uibDatepickerPopupConfig.closeText= 'Close';
    uibDatepickerPopupConfig.placement = 'auto bottom';
}]);

猜你在找的Angularjs相关文章