This time I will share jQuery Plugin and tutorial about Simple jQuery Calendar and Date Picker Plugin – DCalendar, hope it will help you in programming stack.
| File Size: | 13.9 KB |
|---|---|
| Views Total: | 54638 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
DCalendar is a simple-to-use jQuery plugin which helps you create a monthly calendar or a nice clean date picker appending to your text field.
How to use it:
1. Include the required stylesheet dcalendar.picker.css in the head section of the document, and the JavaScript dcalendar.picker.js after jQuery library but before the closing body tag.
1 |
<link href="dcalendar.picker.css" rel="stylesheet"> |
2 |
... |
3 |
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
4 |
<script src="dcalendar.picker.js"></script> |
2. Call the dcalendar() method to generate a simple calendar inside a specified container.
1 |
$('#calendar-demo').dcalendar(); |
3. Call the dcalendarpicker() method to generate a simple date picker that appears when an input field is focused.
1 |
$('input').dcalendarpicker(); |
4. Change the date format option for date picker to meet your special design needs.
1 |
$('input').dcalendarpicker({ |
2 |
3 |
// default: mm/dd/yyyy |
4 |
format: 'dd-mm-yyyy' |
5 |
|
6 |
}); |
Change log:
2017-09-05
- Small fix
2017-08-24
- Added date restrictions and minor improvements
2016-11-26
- Calendar fix
2016-08-24
- added Min & Max Date.
2016-08-05
- bugfix
2016-08-03
- Manual textbox value update.
2015-05-31
- bug fix
This awesome jQuery plugin is developed by dmuy. For more Advanced Usages, please check the demo page or visit the official website.
source : jqueryscript.net
