Simple usage
Only Date Picker
Only Time Picker
Date Time Picker Inline
Date Time Picker Inline Dark
Time Picker Inline

Documentation


You can pass plugin options using data-options attribute. Please make sure to use valid json code.

Plugin DocsJSON Formatter

Code Example


<div class="form-group">   <input type="text" class="date-time-picker form-control form-control-lg"      data-options='{      "theme":"dark",      "inline":true,      "format":"d.m.Y H:i"      }'/></div>

For Date time range (Please check plugin docs for more information)

jQuery(function(){ jQuery('#date_timepicker_start').datetimepicker({  format:'Y/m/d',  onShow:function( ct ){   this.setOptions({    maxDate:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false   })  },  timepicker:false }); jQuery('#date_timepicker_end').datetimepicker({  format:'Y/m/d',  onShow:function( ct ){   this.setOptions({    minDate:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false   })  },  timepicker:false });});