Boston Byte Calendar Using JavaScript Event Calendar

Brief :

Calender.io is a open source Javascript event calendar which can be customized as per ones requirement. IT can be implemented on multiple platforms such as  Python, .Net, Java, Node.js & php.
Its pretty handy when it comes to displaying/notifying events (Might be tasks) either by day, week or month.

Need :

The main significance of implementing Calendar is that it is convenient & saves time, we used it in one of our project, where there was need of such feature for users which will help them save time, and yet solve the purpose when it comes to managing their daily appointments.

How it works :

As mentioned above one can customize it as per their needs, you can change the size and position of the calendar, its color, transparency, font, shadows, cell spacing and a lot more.
We integrated it; and is one of the major feature of the system.

Using this feature the users could easily schedule, reschedule, confirm, manage his appointments and perform various other operations in a very organized way.
The users could see their entries in the calendar directly against a specific date by taking the mouse over the particular entry. We have customized this feature by making the calendar respond to the mouse over.

Implementation:

 function ShowFullCalendar() {
            $('#calendar').fullCalendar({
                header: {
                    left: 'title',
                    right: 'month,agendaWeek,agendaDay,prev,next today myCustomButton'
                }, dayClick: function (dates, jsEvent, view, resourceObj) {
                    var ClickDate = new Date(dates.format());
                    var q = new Date();
                    var m = q.getMonth();
                    var d = q.getDate();
                    var y = q.getFullYear();
                    var date = new Date(y, m, d);
                    if (ClickDate < date) {
                        alert("Please select date greater than Today's Date");
                    } else {
                        BookAppointment(dates);
                    }

                },
                customButtons: {
                    myCustomButton: {
                        text: 'ok',
                        click: function () {
                            HideTodaySchedule();
                        }
                    }
                },
                editable: false,
                defaultView: 'month',
                eventLimit: true, // allow "more" link when too many events
                slotEventOverlap: true,
                slotDuration: "00:30:01",
                startTime: "08:00:00",
                contentHeight: 600,
                events: AllEvents
            });
            $('.fc-time-grid-event').css('bottom', '0px');
        }