2017-04-02 40 views
0

我使用FullCalendar的年度视图,从here得到它。我想显示的年份作为块(垂直) - 当在移动设备上查看网站时...如何折叠引导表行?

是否可以更改引导程序表的显示,从水平到垂直? 或者,也许最好的办法是创建一个条件来设置yearColumns为1时,当视图变化?

这里是我的JS:

$('#calendar').fullCalendar({ 

      firstDay: 1, 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'year,month,agendaWeek,agendaDay' 

      }, 
      defaultDate: '2016-01-12', 
      defaultView: 'month', 
      yearColumns: 3, 
      editable: true, 
      eventLimit: true, 
      selectable: true, 
      selectHelper: true, 
    );} 

这里是current view

+1

明白了 - 使用jQuery的。 – RoyBarOn

+0

你可以添加你的答案,以避免垃圾邮件的答案。 – neophyte

回答

0
var current_page_size = $(this).width(); 
     if (current_page_size >= 800) { 
      $('#calendar').fullCalendar({ 
       yearColumns: 3, 
       }); 
       } else { 
       yearColumns: 1, 
       }