fullcalendar在dayclick中获取当前点击日期中的events

最新推荐文章于 2024-09-05 13:52:28 发布

cc_yy_zh

最新推荐文章于 2024-09-05 13:52:28 发布

阅读量2.1w

点赞数 4

分类专栏：前端文章标签： fullcalend

本文链接：https://blog.csdn.net/cc_yy_zh/article/details/70162061

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

避免出现错误，fullcalendar 需要的属性要写 ,下面是部分代码

    events:
            /*
            function(start,end,callback){
                    //alert($.fullCalendar.formatDate(start,'yyyy-MM-dd'));
                    //alert($.fullCalendar.formatDate(end,'yyyy-MM-dd'));
                    var params = {start:$.fullCalendar.formatDate(start,'yyyy-MM-dd'),end:$.fullCalendar.formatDate(end,'yyyy-MM-dd'),empSn:'{{_USER_.name}}'};
                    $.ajax({
                        url:"/main/event/getEventList",
                        type:"post",
                        data:params,
                        dataType: 'json',
                        success: function(res){
                            //var jsontext = [{ id: 1, title: 'studyjQuerypost', start: '2015-09-01 08:00', end: '2015-09-01 10:30',allDay:0 },{ id: 2, title: 'studyjQuerypost3', start: '2015-09-02', end: '2015-09-02',color:'red' }];
                            callback(res);

                        },
                        error:function(error){
                            alert("服务器错误！");
                        }
                    });
                    //      checkPlan(start,end);
                },*/

            [
                {
                    title: 'All Day Event',
                    start: '2017-04-01',
                    end:'2017-04-07',
                    allDay:true,
                    editable:false,
                    textColor:'red',
                    color:'green'
                },
                {
                    title: 'Long Event',
                    start: '2017-04-07',
                    end: '2017-04-10'
                }]

重要的来了具体实现

dayClick: function(date, jsEvent, view) {
        var events = $('#calendar').fullCalendar('clientEvents', function(event) {
            var eventStart = event.start.format('YYYY-MM-DD');
            var eventEnd = event.end ? event.end.format('YYYY-MM-DD') : null;
            var theDate = date.format('YYYY-MM-DD');
            // Make sure the event starts on or before date and ends afterward
            // Events that have no end date specified (null) end that day, so check if start = date
            return (eventStart <= theDate && (eventEnd >= theDate) && !(eventStart < theDate && (eventEnd == theDate))) || (eventStart == theDate && (eventEnd === null));
        });
        console.log(events); // do whatever with the console.log(events[0]._allDay); 
    }