Continuous calendar - Date picker and range selector

Download Demo

Continuous calendar is a jQuery plugin that allows Date picker and range selector with scrollable months instead of paged.

Features

• Date dragging


• No pagination, continuous month flow


• Range shifting by dragging


• Range expand with Shift + Mouse click


• Display current date


• Allow disabling of dates


• Month select


• Week select


• Popup support (with current day in calndar icon)


• Support for different date formats


• Support for specifying holidays or disabled days


• Support for setting minimum range


• AMD Support

Supported languages

• English


• Estonian


• Finnish


• Latvian


• Russian


• Swedish

Supported browsers

• IE7 ->


• FireFox


• Chrome


• Opera


• Safari

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" type="text/css" href="http://reaktor.github.com/jquery-continuous-calendar/build/jquery.continuousCalendar-latest.css" />
<!-- required JavaScript files -->
<script type="text/javascript" 	src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" 	src="http://reaktor.github.com/jquery-continuous-calendar/build/jquery.continuousCalendar-latest.js"></script>

2. HTML

<!-- range selection is attached to fields with class startDate and endDate -->
<div id="dateRange1">
 <input type="hidden" class="startDate" name="range_start">
 <input type="hidden" class="endDate" name="range_end">
</div>

3. JAVASCRIPT

$("#dateRange1").continuousCalendar();

Continuous calendar - Date picker and range selector