2017-04-02 41 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, 
       }