Search code examples
datetimepickerbootstrap-datetimepicker

Datetimepicker in two steps

In the bootstrap datetimepicker when I select the day, then I can choose the hour and then the minutes.

Is there any way that I can choose the day and then the hour with all minutes directly, in two steps.

Thanks!

Solution 
  • <br/>
<!-- padding for jsfiddle -->
<div class="row">
  <div class="col-md-12">
    <h6>datetimepicker1</h6>

    <div class="form-group">
      <div class="input-group date" id="datetimepicker1">
        <input type="text" class="form-control" /> <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
      </div>
    </div>
  </div>
</div>

    JS

    $('#datetimepicker1').datetimepicker();

    Fiddle