Реализовать время

[porezon]

Нужно сделать в блоке инпут чтоб время загонялось по типу 15:00;

То есть в инпут вписываешь 1500, там становится 15:00,

и чтоб в первом числее меене 0 и более 24 не записывалось и во втором менее 0 и более 60

С <input class="inpaclass" name="s" type="text" placeholder="15:00" style="width:34px;padding-left:3px;padding-right:3px;">
По <input class="inpaclass" name="po" type="text" placeholder="16:00" style="width:34px;padding-left:3px;padding-right:3px;">

[рони]

porezon,
http://xdan.ru/Samij-udobnij-DateTimePicker.html

[porezon]

я не сильно понимаю в этом. Был бы очень признателен готовому коду

[рони]

porezon,
там и есть готовый код

[porezon]

получилось, только разница во времени 1 час, можно как-то исправить до минут

[porezon]

ну или хотябы с разницей в 15 или 30 минут минут

[рони]

porezon,
step:15 или step:30 добавить

[рони]

porezon,

<script>
     jQuery(function(){
 jQuery('#date_timepicker_start').datetimepicker({
  mask:true,
  step:30,
  lang:'ru',
  datepicker:false,
  format:'H:i',
  onShow:function( ct ){
   this.setOptions({
    maxTime:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false
   })
  }
 });
 jQuery('#date_timepicker_end').datetimepicker({
  mask:true,
  step:30,
  lang:'ru',
  datepicker:false,
  format:'H:i',
  onShow:function( ct ){
   this.setOptions({
    minTime:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false
   })
  }
 });
});
  </script>
  <p>Start <input type="text" value="" id="date_timepicker_start">  End <input type="text" value="" id="date_timepicker_end"></p>