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
No comments:
Post a Comment