[Summary view] [Print] [Text view]

   1  # Date Range Picker for Twitter Bootstrap
   2  
   3  ![Improvely.com](http://www.dangrossman.info/wp-content/themes/2012/daterangepicker.png)
   4  
   5  This date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can 
   6  select a range of dates. It was created for the reporting UI at [Improvely](http://www.improvely.com).
   7  
   8  If invoked with no options, it will present two calendars to choose a start 
   9  and end date from. Optionally, you can provide a list of date ranges the user can select from instead 
  10  of choosing dates from the calendars. If attached to a text input, the selected dates will be inserted 
  11  into the text box. Otherwise, you can provide a custom callback function to receive the selection.
  12  
  13  [Live demo & option usage examples](http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/)
  14  
  15  ## Usage
  16  
  17  This component relies on [Twitter Bootstrap](http://twitter.github.com/bootstrap/), 
  18  [Datejs](http://www.datejs.com/) and [jQuery](http://jquery.com/).
  19  
  20  Basic usage:
  21  
  22  ```
  23  <script type="text/javascript" src="jquery.js"></script>
  24  <script type="text/javascript" src="date.js"></script>
  25  <script type="text/javascript" src="daterangepicker.js"></script>
  26  <link rel="stylesheet" type="text/css" href="bootstrap.css" />
  27  <link rel="stylesheet" type="text/css" href="daterangepicker.css" />
  28  
  29  <script type="text/javascript">
  30  $(document).ready(function() {
  31    $('input[name="daterange"]').daterangepicker();
  32  });
  33  </script>
  34  ```
  35  
  36  
  37  ## License
  38  
  39  This code is made available under the [Apache License v2.0](http://www.apache.org/licenses/LICENSE-2.0), 
  40  the same as Twitter Bootstrap.
  41  
  42  Date.js is included in this repository for convenience. It is available under the 
  43  [MIT license](http://www.opensource.org/licenses/mit-license.php).