FullCalender检查选择日是否有事件? [英] FullCalender check if selection days has an event?

查看:97
本文介绍了FullCalender检查选择日是否有事件?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用的是Full Calender js插件,迄今为止效果非常好。但我想检查开始和结束之间的选择是否有事件?

I am using the Full Calender js plugin, so far so good. but i want to check if a selection between the start and end has events?

我只需要返回true或false。基本上我想阻止用户创建事件,如果日期选择已经存在。

I just need a true or false returned. Basically i want to stop users from creating events if an even already exists on the date selection.

var calendar = $('#calendar').fullCalendar({

    selectable: true,
    selectHelper: true,
    firstDay: 5,
    weekNumbers: false,
    select: function (start, end, allDay, event) {
        var TitleSet = false;
        StartDate = start;
        EndDate = end;
        if (event) {}
        if (TitleSet) {
            calendar.fullCalendar('renderEvent', {
                title: title,
                start: start,
                end: end,
                allDay: allDay
            },
            true // make the event "stick"
            );
        }
        calendar.fullCalendar('unselect');

    },
    editable: true,
    events: EventsArr,
    eventRender: function (event, element) {
        element.qtip({
            content: event.description
        });
    }
});


推荐答案

我试过这种方法,看起来很好

I tried this methode and it looks fine

    // check if this day has an event before
    function IsDateHasEvent(date) {
        var allEvents = [];
        allEvents = $('#calendar').fullCalendar('clientEvents');
        var event = $.grep(allEvents, function (v) {
            return +v.start === +date;
        });
        return event.length > 0;
    }

然后您可以从 dayclick 事件

then you can call it from dayclick event

    dayClick: function (date, allDay, jsEvent, view) {

        if (!IsDateHasEvent(date)) {
            selectedDate = date;
            $("#divAddNewAppointment").dialog("open");
        }
        else {
            $('<%= "#" + lblMessage.ClientID%>').html(" your error msg");
            $("#divMessage").dialog("open");
        }
    }

这篇关于FullCalender检查选择日是否有事件?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆