Simple jQuery Calendar and Schedule Plugin For Bootstrap - Bic Calendar

Simple jQuery Calendar and Schedule Plugin For Bootstrap - Bic Calendar
File Size: 135KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Bic Calendar is a lightweight jQuery plugin that enables you to create a simple and nice Calendar & Schedule with ajax event support using twitter bootstrap.

See Also:

Basic Usage:

1. Include jQuery library and Bic Calendar plugin on your web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/bic_calendar.min.js"></script>
<link href="css/bic_calendar.css" rel="stylesheet" type="text/css">

2. Include twitter bootstrap on the page

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

3. Markup

<div id="demo"></div>

4. The javascript

<script>
$(document).ready( function(){

mesos = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

dias = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];

$('#demo').bic_calendar({
    nombresMes: mesos,
    dias: dias,
    req_ajax: {
    type: 'get',
    url: 'http://bic.cat/bic_calendar/index.php' // External calls
    }
});
    } );
</script>

5. The PHP (You'll have to use this for external calls)

header('Access-Control-Allow-Origin: *');

$mes = $_GET['mes'];
$ano = $_GET['ano'];

$array = array(
	array("27/$mes/$ano", 'Getting Contacts Barcelona', 'http://gettingcontacts.com/events/view/barcelona'),
	array("7/$mes/$ano", '2º Getting Contacts Alaquás', 'http://gettingcontacts.com/events/view/alaquas', '#3B4', 'contingut popover'),
	array("17/$mes/$ano", '4º Getting Contacts Barberà', '#', '#3B4', 'contingut popover')
);

echo json_encode($array);

Change log:

v3.1.2 (2013-12-16)

  • added functionality startWeekDay and docs
  • added bic calendar full logic

This awesome jQuery plugin is developed by bichotll. For more Advanced Usages, please check the demo page or visit the official website.