Date Time Picker

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 });});