更改Angular ui-calendar的语言

时间:2016-03-09 11:41:45

标签: javascript jquery angularjs fullcalendar ui-calendar

我在AngularJS中有一个应用,我使用Fullcalendar comnbined Angular ui-calendar来显示用户的事件。这很棒!

在应用程序中,用户还可以在两种语言(丹麦语和英语)之间切换。

这是我的问题开始的地方,因为当我click按钮并更改语言时,洞calendar就会消失 - <div ui-calendar="uiConfig.calendar" ng-model="eventSources">内的所有内容都会因某种原因被删除。

Calendar before language change Calendar after language change

控制器

这取自他们的GitHub演示(从匈牙利语改为丹麦语)。

$scope.changeTo = 'Danish';
$scope.changeLang = function() {
    if($scope.changeTo === 'Danish'){
        $scope.uiConfig.calendar.dayNames = ["Søndag", "Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag"];
        $scope.uiConfig.calendar.dayNamesShort = ["Søn", "Man", "Tirs", "Ons", "Tors", "Fre", "Lør"];
        $scope.changeTo= 'English';
    } else {
        $scope.uiConfig.calendar.dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
        $scope.uiConfig.calendar.dayNamesShort = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
        $scope.changeTo = 'Danish';
    }
};

除此之外,即使我专门将monthName选项设置为dayNamelangen总是处于丹麦语的语言config object 1}}。

配置对象

$scope.uiConfig = {
    calendar:{
        lang: 'en',
        header:{
            left: 'prevYear prev',
            center: 'title',
            right: 'next nextYear'
        },
        firstDay: 1,
        selectable: true,
        timeFormat:'HH:mm', // Month 24 hour timeformat
        axisFormat: 'HH:mm', // Week & Day 24 hour timeformat
        weekNumbers: true,
        nextDayThreshold: '00:00:00'
    }
};

我已尝试为每种必要语言(all-lang.js&amp; en-ca.js)单独加载da.js以及文件,但没有任何运气。

是否有人经历过同样的事情,或者知道可能导致这种情况的原因?

0 个答案:

没有答案