Bootstrap Material Datetimepicker Examples

Date Picker

Code

$('#date').bootstrapMaterialDatePicker({ weekStart : 0, time: false });

Time Picker

Code

$('#time').bootstrapMaterialDatePicker({ date: false });

Date Time Picker

Code

$('#date-format').bootstrapMaterialDatePicker({ format : 'dddd DD MMMM YYYY - HH:mm' });

French Locales (Week starts at Monday)

Code

$('#date-fr').bootstrapMaterialDatePicker({ format : 'DD/MM/YYYY HH:mm', lang : 'fr', weekStart : 1, cancelText : 'ANNULER' });

Min Date set

Code

$('#min-date').bootstrapMaterialDatePicker({ format : 'DD/MM/YYYY HH:mm', minDate : new Date() });

Events

Code

$('#date-end').bootstrapMaterialDatePicker({ weekStart : 0 });
$('#date-start').bootstrapMaterialDatePicker({ weekStart : 0 }).on('change', function(e, date)
{
$('#date-end').bootstrapMaterialDatePicker('setMinDate', date);
});