如何设置FullCalendar v2.2.5的营业时间_Fullcalendar

如何设置FullCalendar v2.2.5的营业时间

fullcalendar

如何设置FullCalendar v2.2.5的营业时间,fullcalendar,Fullcalendar,我希望确保“月视图”中显示的事件与事件开始和结束日期一致。但是，我注意到，由于fullCalendar中设置了默认的工作时间（上午9点到下午5点），我在“月视图”中显示事件时遇到了问题问题: 例如，给定以下配置的两个事件（非全天事件）： Event A >> Start Date : 7 March | Start Time : 2pm End Date : 9 March | End Time : 09:30am Event B >> Start Date :

我希望确保“月视图”中显示的事件与事件开始和结束日期一致。但是，我注意到，由于fullCalendar中设置了默认的工作时间（上午9点到下午5点），我在“月视图”中显示事件时遇到了问题

问题: 例如，给定以下配置的两个事件（非全天事件）：

Event A >> 
Start Date : 7 March | Start Time : 2pm 
End Date : 9 March | End Time : 09:30am

Event B >> 
Start Date : 7 March | Start Time : 2pm 
End Date : 9 March | End Time : 08:30am

在三月的“月视图”中事件A显示在3月7日、8日和9日，而事件B仅在3月7日和8日期间显示

问题: 如何将完整日历中的营业时间从0000设置为2359，以便覆盖从0900到1700的默认营业时间

我已经尝试了fullCalendar文档中建议的方法

然而，我仍然无法强调新的营业时间。是否有我需要设置为真的属性以强调新的营业时间？还是我完全做错了

请给我一些建议。谢谢您

营业时间不应影响月视图，默认情况下为关闭。您可以保留设置或将其设置为false，如下所示

businessHours:false

对于确实显示时间的议程视图，您可以通过设置

minTime

和

maxTime

，工作时间不应影响月视图，默认情况下关闭。您可以保留设置或将其设置为false，如下所示

businessHours:false

对于确实显示时间的议程视图，您可以通过设置

minTime

和

maxTime

来影响显示的内容。我认为这是一个错误，我尝试使用上一个版本，但不起作用，我尝试使用此js并起作用

http://eo14.com/static/fullcalendar/fullcalendar.js

这里有一个工作示例

http://eo14.com/static/fullcalendar/

就我个人而言，我尝试使用以下代码和工作：

<script>
var calendar="";
var _eventi="";
_eventi = [{events: <?PHP echo json_encode($orariServizio); ?>}];

$(document).ready(function() {

    calendar = $('#calendar').fullCalendar({
       //eventSources: _eventi,
       defaultDate: "2015-06-01",  
       lang:"it",
       //defaultTimedEventDuration: '04:00:00',
       height: 500,
       allDaySlot:false,
       header: {
           left:'',
           //center:'',
           right:'',
            //left: 'prev,next today',
            center: 'title',
            //right: 'month,basicWeek,basicDay'
        }, // buttons for switching between views
        //weekmode:"liquid",                     
        editable: true,
        selectable: true,
        selectHelper: true,            
        //eventLimit: true,
        selectConstraint: 'businessHours',
        eventConstraint: 'businessHours',        
        views: {
            settimana:{
                type:'agendaWeek',
                duration: { days: 7 },
                titleFormat: ' ', //YYYY
                //buttonText: '7 day',
                columnFormat: 'dddd',
                //hiddenDays: [0, 6] // Hide Sunday and Saturday?
            }
        },
        defaultView: 'settimana',
        businessHours:[ 
            {
                start: '09:00',
                end: '13:00',
                dow: [1, 2]
            },
            {
                start: '14:00',
                end: '16:00',
                dow: [1, 2]
            },
            {
                start: '10:00',
                end: '19:00',
                dow: [4]
            },
            {
                start: '06:00',
                end: '10:30',
                dow: [6]
            },
            {
                start: '13:00',
                end: '17:00',
                dow: [6]
            },
            {
                start: '20:00',
                end: '23:00',
                dow: [6]
            }
        ]

    });

});


var日历=”；
var_eventi=“”；
_事件i=[{events:}]；
$（文档）.ready（函数（）{
日历=$（“#日历”）。完整日历({
//事件来源：_eventi，
默认日期：“2015-06-01”，
朗：“它”，
//defaultTimedEventDuration:'04:00:00'，
身高：500，
全天时段：错，
标题：{
左：''，
//中心：''，
对：''，
//左：“上一个，下一个今天”，
中心：'标题'，
//右图：“月，基本周，基本日”
}，//用于在视图之间切换的按钮
//周末模式：“液体”，
是的，
是的，
selectHelper:对，
//eventLimit：对，
选择约束：“营业时间”，
eventConstraint:“营业时间”，
观点：{
塞蒂马纳：{
类型：'agendaWeek'，
持续时间：{天：7}，
标题格式：“”，//YYYY
//按钮文字：“7天”，
columnFormat:'dddd'，
//hiddenDays:[0,6]//是否隐藏周日和周六？
}
},
defaultView:'settimana'，
营业时间：[
{
开始：“09:00”，
完:"13时"，
道琼斯指数：[1,2]
},
{
开始：“14:00”，
完:"16时"，
道琼斯指数：[1,2]
},
{
开始：“10:00”，
完:"19时"，
道琼斯指数：[4]
},
{
开始：“06:00”，
完:"10时30分"，
道琼斯指数：[6]
},
{
开始：“13:00”，
完:"17时"，
道琼斯指数：[6]
},
{
开始：“20:00”，
完:"23时"，
道琼斯指数：[6]
}
]
});
});

我认为这是一个bug，我尝试使用上一个版本，但不起作用，我尝试使用这个js并起作用

http://eo14.com/static/fullcalendar/fullcalendar.js

这里有一个工作示例

http://eo14.com/static/fullcalendar/

就我个人而言，我尝试使用以下代码和工作：

<script>
var calendar="";
var _eventi="";
_eventi = [{events: <?PHP echo json_encode($orariServizio); ?>}];

$(document).ready(function() {

    calendar = $('#calendar').fullCalendar({
       //eventSources: _eventi,
       defaultDate: "2015-06-01",  
       lang:"it",
       //defaultTimedEventDuration: '04:00:00',
       height: 500,
       allDaySlot:false,
       header: {
           left:'',
           //center:'',
           right:'',
            //left: 'prev,next today',
            center: 'title',
            //right: 'month,basicWeek,basicDay'
        }, // buttons for switching between views
        //weekmode:"liquid",                     
        editable: true,
        selectable: true,
        selectHelper: true,            
        //eventLimit: true,
        selectConstraint: 'businessHours',
        eventConstraint: 'businessHours',        
        views: {
            settimana:{
                type:'agendaWeek',
                duration: { days: 7 },
                titleFormat: ' ', //YYYY
                //buttonText: '7 day',
                columnFormat: 'dddd',
                //hiddenDays: [0, 6] // Hide Sunday and Saturday?
            }
        },
        defaultView: 'settimana',
        businessHours:[ 
            {
                start: '09:00',
                end: '13:00',
                dow: [1, 2]
            },
            {
                start: '14:00',
                end: '16:00',
                dow: [1, 2]
            },
            {
                start: '10:00',
                end: '19:00',
                dow: [4]
            },
            {
                start: '06:00',
                end: '10:30',
                dow: [6]
            },
            {
                start: '13:00',
                end: '17:00',
                dow: [6]
            },
            {
                start: '20:00',
                end: '23:00',
                dow: [6]
            }
        ]

    });

});


var日历=”；
var_eventi=“”；
_事件i=[{events:}]；
$（文档）.ready（函数（）{
日历=$（“#日历”）。完整日历({
//事件来源：_eventi，
默认日期：“2015-06-01”，
朗：“它”，
//defaultTimedEventDuration:'04:00:00'，
身高：500，
全天时段：错，
标题：{
左：''，
//中心：''，
对：''，
//左：“上一个，下一个今天”，
中心：'标题'，
//右图：“月，基本周，基本日”
}，//用于在视图之间切换的按钮
//周末模式：“液体”，
是的，
是的，
selectHelper:对，
//eventLimit：对，
选择约束：“营业时间”，
eventConstraint:“营业时间”，
观点：{
塞蒂马纳：{
类型：'agendaWeek'，
持续时间：{天：7}，
标题格式：“”，//YYYY
//按钮文字：“7天”，
columnFormat:'dddd'，
//hiddenDays:[0,6]//是否隐藏周日和周六？
}
},
defaultView:'settimana'，
营业时间：[
{
开始：“09:00”，
完:"13时"，
道琼斯指数：[1,2]
},
{
开始：“14:00”，
完:"16时"，
道琼斯指数：[1,2]
},
{
开始：“10:00”，
完:"19时"，
道琼斯指数：[4]
},
{
开始：“06:00”，
完:"10时30分"，
道琼斯指数：[6]
},
{
开始：“13:00”，
完:"17时"，
道琼斯指数：[6]
},
{
开始：“20:00”，
完:"23时"，
道琼斯指数：[6]
}
]
});
});

帮了我不少忙