Month Calendar Plugin, Ajax-enabled – Zabuto Calendar

Zabuto Month Calendar Plugin – a jQuery plugin for Bootstrap that lets you add a month calendar to your web page.

Ajax-ed Month Calendar Plugin – Zabuto Calendar

Zabuto Calendar is a jQuery calendar plugin working with twitter’s bootstrap that allows us to create a monthly calendar with ajax data events support on web page.

Main features:

– the calendar supports these language codes: de (German), en, es (Spanish), fr (French), nl (Dutch)

– we can add date events to the calendar by using an AJAX GET request; the response has to return a JSON encoded array of events in a specified format

– we can add a legend to clarify the styling of the date events shown on the calendar

– we can add a function to the calendar to execute when the onclick event is triggered on a specific day

– we can alter the navigation and appearance of the calendar in several ways

We can customize the display of the calendar and view it in several languages. You are also able to show calendar events by using an AJAX request with JSON data and add a legend.

Zabuto calndar demo
Zabuto calndar demo

Sample

<div id="my-calendar"></div>
$(document).ready(function () {
  $("#my-calendar").zabuto_calendar({language: "en"});
});

License: MIT

Homepage

https://www.zabuto.com/dev/calendar/examples/

GitHub

https://github.com/zabuto/calendar

See also

Github-like calendar heatmap – Cal-Heatmap

jQuery date & time input picker: pickadate.js

Date and Time operations in JavaScript – date-fns

Mobile friendly datepicker with React JS

Modern jQuery date picker plugin – DateSelect

jQuery time picker solution

Work with date and time in JavaScript? Try moment.js!

Enjoy!