Dos calendarios datetimepiker

by Felipe Zura

HTML

<script src="//zura.cl/bit/js/bootstrap.min.js"></script>
<script src="https://zura.cl/bit/js/bootstrap-datetimepicker.min.js"></script>
<div class="container">
   <div class='col-md-5'>
      <div class="form-group">
         <div class='input-group date' id='datetimepickerInicio'>
            <input type='text' class="form-control" />
            <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
            </span>
         </div>
      </div>
   </div>
   <div class='col-md-5'>
      <div class="form-group">
         <div class='input-group date' id='datetimepickerFin'>
            <input type='text' class="form-control" />
            <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
            </span>
         </div>
      </div>
   </div>
</div>

JavaScript

$( document ).ready(function() {
alert("LLEGO");
 
  $('#datetimepickerInicio').datetimepicker();
  $('#datetimepickerFin').datetimepicker({
    useCurrent: false //Important! See issue #1075
  });

  $("#datetimepickerInicio").on("dp.change", function(e) {
    $('#datetimepickerFin').data("DateTimePicker").minDate(e.date);
  });
  $("#datetimepickerFin").on("dp.change", function(e) {
    $('#datetimepickerInicio').data("DateTimePicker").maxDate(e.date);
  });
  

});