Simple jQuery Date Picker for Bootstrap

File Size: 6.8 KB
Views Total: 164117
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
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:


See also:

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" />

3. Call the function via javascript


Change Log:


  • 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.