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