Simple jQuery Date Picker for Bootstrap

A simple jQuery Plugin built with bootstrap-datepicker.js for adding date picker work with Twitter Bootstrap to field or to any other element.

This plugin is out of data and no longer maintained. Try out these alternative plugins:

• Accessible Data picker Plugin For bootstrap - ab-datepicker
• Fully Configurable jQuery date picker Plugin For bootstrap
• Clean date & Time picker with jQuery and bootstrap 3

Or...

• 50 Best Date And Time Picker jQuery Plugins

See also:

• jQuery Date and Time Picker Plugin - Simple Datetimepicker
• jQuery Plugin for Simple Date Picker Widget - simpledatepicker
• Android-Style Date Picker For jQuery Mobile - Mobi Pick
• Customizable and Lightweight Date Picker Plugin For jQuery - glDatePicker
• Cool Time Picker For Twitter Bootstrap
• Customizable jQuery Timepicker Plugin - timepicker
• Date Range Picker For Twitter Bootstrap
• Lightweight jQuery Date Input Picker - pickadate

How to use it:

1. Include jquery script and bootstrap-datepicker.js

<script src="js/google-code-prettify/prettify.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap-datepicker.js"></script>

2. Format a component

<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
<input class="span2" size="16" type="text" value="12-02-2012" />
</div>

3. Call the function via javascript

$('.datepicker').datepicker()

Change Log:

2013-03-12

• Fixed bug where date selection from previous and next year was wrong
• Fixed bug where a variable was polluting the namespace

---

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