Forms

Date Picker

Bootstrap-datepicker provides a flexible datepicker widget in the Bootstrap style.

Requirements

// Css
<link rel="stylesheet" href="css/vendor/bootstrap-datepicker3.standalone.min.css" />

// Javascript
<script src="js/vendor/datepicker/bootstrap-datepicker.min.js"></script>
// Datepicker locale if required
<script src="js/vendor/datepicker/locales/bootstrap-datepicker.es.min.js"></script>

Example

Javascript
jQuery('#datePickerBasic').datepicker();
Html
<div>
  <label class="form-label">Date</label>
  <input type="text" class="form-control" id="datePickerBasic" />
</div>

More Examples

You may find more examples in Interface.Forms.Controls.DatePicker.html file which is initialized by js/forms/controls.datepicker.js.

Documentation