Bootstrap Component
  • Home
  • Darklight
  • Datepicker
  • Dialog
  • Dropdown
  • Fileuploader
  • Floater
  • Slider
  • Switch
  • Notify
  • Others

Datapicker

An component for datapicker.

  • Example
  • Usage
  • - Options
  • - Events

Datepciker bootstrap-datepicker.js

Examples

Datepicker is used for input element which need date type input. When user focus on the element, a datepicker component will popup for user use.

Usage

Enable datepick via attr data-toggle="datepicker":

<button class="btn" data-toggle="datepicker">
	<i class="icon-calendar"></i>
</button>

Options

Append the option name to data-, as in data-type.

Name type default description
type string all all will display date and time selector. timer will display time selector. dater will display date selector.
to string Set the target input element. When user change the date, the value of target input element will also be changed.

Events

Event Description
change It will trigger when datepicker change its value. When data-ato is setted, change event will trigger with target element.
$("#element").change(function(){
	alert("Date Change!");
});

Build By zombieJ.