MVC中的Fullcalendar布局 [英] Fullcalendar layout in MVC

问题描述

大家好，



如何将fullcalendar layour从Vertical更改为horizo​​ntal.



EG

当前显示如下



早上6点-------

上午7点----- -

8 am ------



我想要的是什么



6 am | 7am | 8am









< br $>
谢谢



我的尝试：

Hi everyone,

How to change fullcalendar layour from Vertical to horizontal.

E.G
Current it display as follows

6am -------
7am-------
8am------

what I want to archieve

6am|7am|8am





Thanks

What I have tried:

$('#calendar').fullCalendar({
         header: {
             left: 'prev,next today',
             center: 'title',
             right: 'month,agendaWeek,agendaDay'
         },
         defaultView: 'agendaDay',
         editable: true,
         allDaySlot: false,
         selectable: true,
         slotMinutes: 15,
         events: '/Home/GetDiaryEvents/',
         eventClick: function (calEvent, jsEvent, view) {
             alert('You clicked on event id: ' + calEvent.id
                 + "\nSpecial ID: " + calEvent.someKey
                 + "\nAnd the title is: " + calEvent.title);

         },

推荐答案

（'#calendar'）。fullCalendar（{
header：{
left：'prev，next today'，
center：'title'，
right：'month，agendaWeek，agendaDay'
}，
defaultView：'agendaDay'，
editable：true，
allDaySlot：false，
selectable：true，
slotMinutes：15，
events：'/ Home / GetDiaryEvents /'，
eventClick：function（calEvent，jsEvent，view）{
alert（'你点击事件id：'+ calEvent.id
+\ n特殊ID：+ calEvent .someKey
+\ n和标题是：+ calEvent.title）;

}，

('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultView: 'agendaDay', editable: true, allDaySlot: false, selectable: true, slotMinutes: 15, events: '/Home/GetDiaryEvents/', eventClick: function (calEvent, jsEvent, view) { alert('You clicked on event id: ' + calEvent.id + "\nSpecial ID: " + calEvent.someKey + "\nAnd the title is: " + calEvent.title); },

这篇关于MVC中的Fullcalendar布局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！