jQuery Range Calendar plugin

Range Calendar is a nice jQuery plugin that allows you select a date range in a fully customizable calendar layout with months.

Source: github.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" id="bootstrap-css" href="css/bootstrap.css" type="text/css" media="all">
<link rel="stylesheet" id="rangecalendar-style-css" href="css/rangecalendar.css" type="text/css" media="all">
<link rel="stylesheet" id="jquery-ui-style-css" href="css/jquery-ui-1.10.3.custom.min.css" type="text/css" media="all">

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="js/moment+langs.min.js"></script>
<script type="text/javascript" src="js/jquery.rangecalendar.js"></script>

2. HTML

<div id="cal1"></div>

3. JAVASCRIPT

$(document).ready(function(){
	var defaultCalendar = $("#cal1").rangeCalendar();
});

4. OPTIONS

5. METHODS