Material DateTimePicker

Date Picker

Code

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

Time Picker

Code

$('#time').bootstrapMaterialDatePicker({
    date: false,
    format: 'HH:mm'
});

Date Time Picker

Code

$('#date-format').bootstrapMaterialDatePicker({
    format: 'dddd DD MMMM YYYY - HH:mm',
    cancelText: 'Descartar',
    clearText: 'Limpar'
    lang: 'pt-br'
});

French Locales (Week starts at Monday)

Code

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

Min Date set

Code

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

Events

Code

$('#date-end').bootstrapMaterialDatePicker({
    weekStart: 0, format: 'DD/MM/YYYY HH:mm'
});

$('#date-start').bootstrapMaterialDatePicker({
    weekStart: 0, format: 'DD/MM/YYYY HH:mm', shortTime : true
}).on('change', function(e, date) {
    $('#date-end').bootstrapMaterialDatePicker('setMinDate', date);
});