titleFormat 年月成 2 div fullcalendar <div>Year</div> <div>Month</div>答案

【问题标题】：titleFormat year and month into 2 div fullcalendar <div>Year</div> <div>Month</div>titleFormat 年月成 2 div fullcalendar <div>Year</div> <div>Month</div>
【发布时间】：2017-03-01 10:38:24
【问题描述】：

我有问题！我需要在 2 个 div 中分隔日历的标题。我需要首页中的年份和顶级日历中的月份。我可以用angular.element 做到这一点，但我不明白为什么该函数会运行 2 次。

这是我的代码。

配置完整日历

            titleFormat: {
                     month: 'MMMM YYYY'

            },
            header: {
                left: 'title,prev'
                center: 'title',
                right: 'next'
            },

现在在eventAfterAllRender 我把我的代码分开并改变月份和年份的位置

 eventAfterAllRender: function (){            
        var fecha=angular.element('.fc-left').text().split(" ");   
        var mes=fecha[0];
        var ano=fecha[1];        
        console.log("veces");

    angular.element('.fc-left').html('<div><h2>'+ano+'</h2><button type="button" class="fc-prev-button fc-button fc-state-default"><span class="fc-icon fc-icon-left-single-arrow"></span></button></div>');
    angular.element('.fc-center').html("<h2>"+mes+"</h2>");
    },

但是函数运行了 2 次，所以月份和年份是未定义的！我也试过把里面的函数准备好，但是不行。

angular.element(document).ready(function () {
var fecha=angular.element('.fc-left').text().split(" "); 
      var mes=fecha[0];
      var ano=fecha[1];      
      console.log("veces");

  angular.element('.fc-left').html('<div><h2>'+ano+'</h2><button type="button" class="fc-prev-button fc-button fc-state-default"><span class="fc-icon fc-icon-left-single-arrow"></span></button></div>');
   angular.element('.fc-center').html("<h2>"+mes+"</h2>");
})

【问题讨论】：

标签： javascript jquery angularjs fullcalendar

【解决方案1】：

您可以尝试在 viewRender 而不是 eventAfterAllRender 回调中添加代码并拆分 view.title

这样您的代码将仅在视图更改时运行，例如第二天或下个月搬家，即使你没有活动

https://fullcalendar.io/docs/display/viewRender/

例子

viewRender: function ( view ){      
    var fecha = view.title.split(" ");   
    var mes = fecha[0];
    var ano = fecha[1];        

angular.element('.fc-left').html('<div><h2>'+ano+'</h2><button type="button" class="fc-prev-button fc-button fc-state-default"><span class="fc-icon fc-icon-left-single-arrow"></span></button></div>');
angular.element('.fc-center').html("<h2>"+mes+"</h2>");
},

【讨论】：