ahmedali5530 / bootstrap-material-datetimepicker

Datepicker for bootstrap-material

bootstrap-material-datetimepicker

Material DateTimePicker

Originaly designed for Bootstrap Material, the V2.0 is now completely standalone and responsive.

Updates

Date	Author	Description
2015-10-19	benletchford	Fixed not being able to tab into input
2015-10-19	drblue	Fixed erroneous package.json-file
2015-10-19	Perdona	Fix auto resize when month has 6 weeks
2015-07-01	T00rk	Redesigned element without using modal
2015-06-16	T00rk	Use Timepicker alone / Display short time (12 hours)
2015-06-13	T00rk	Fixed issue with HTML value tag
2015-05-25	T00rk	Changed repo name to bootstrap-material-datetimepicker *
2015-05-12	T00rk	Added parameters for button text
2015-05-05	Sovanna	FIX undefined _minDate in isBeforeMaxDate func
2015-04-10	T00rk	Little change in clock design
2015-04-10	Peterzen	Added bower and requirejs support
2015-04-08	T00rk	Fixed problem on locale switch
2015-03-04	T00rk	Added Time picker
(*) File names have been changed

bootstrap-material-datepicker.js => bootstrap-material-datetimepicker.js

bootstrap-material-datepicker.css => bootstrap-material-datetimepicker.css

Prerequisites

jquery http://jquery.com/download/

momentjs http://momentjs.com/

Google Material Icon Font <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Live Example

Click here to see

Usage

$('input').bootstrapMaterialDatePicker();

bower

bower install bootstrap-material-datetimepicker

Parameters

Name	Type	Description
format	String	MomentJS Format
shortTime	Boolean	true => Display 12 hours AM
minDate	(String|Date|Moment)	Minimum selectable date
maxDate	(String|Date|Moment)	Maximum selectable date
currentDate	(String|Date|Moment)	Initial Date
date	Boolean	true => Has Datepicker
time	Boolean	true => Has Timepicker
cancelText	String	Text for the cancel button (default: Cancel)
okText	String	Text for the OK button (default: OK)

Events

Name	Parameters	Description
beforeChange	event, date	OK button is clicked
change	event, date	OK button is clicked and input value is changed
dateSelected	event, date	New date is selected

Methods

    $('input').bootstrapMaterialDatePicker('setDate', moment());

Name	Parameter	Description
setDate	(String|Date|Moment)	Set initial date
setMinDate	(String|Date|Moment)	Set minimum selectable date
setMaxDate	(String|Date|Moment)	Set maximum selectable date
destroy	NULL	Destroy the datepicker