如何在JavaScript完整日历中仅将“自定义”按钮用于月视图?

时间:2018-09-13 08:04:39

标签: javascript ajax

我在JavaScript完整的日历代码中添加了自定义按钮,但我想仅在月份视图中显示此按钮。

$(document).ready(function() {

  var calendar = $('#calendar').fullCalendar({

    editable: true,
    //FOR HEADER

    header: {
      left: ' prev,next today ',
      center: 'title',
      right: 'month,agendaDay,agendaWeek,myCustomButton'
    },
    customButtons: {
      myCustomButton: {
        text: 'REPEAT FOR NEXT MONTH',
        click: function() {
          alert('my custom button');
        }
      }
    }

  });

});

1 个答案:

答案 0 :(得分:1)

如果您需要在一个月的视图中每天添加按钮,则可以使用以下代码段:-

eventAfterAllRender: function(view) {

   if(view.name == 'month')
   {                       
       $('.fc-day').each(function(){
          $(this).append('<button>Day</button>');
       });      
    }
}