Выбор даты не работает в Internet Explorer

Question

<div class="bootstrap-datepicker"> 
    <label class="col-sm-3 control-label" for="inputname"> Date</label> 
     <div class="input-group date"> 
      <input type="text" name="date" id="date" class="form-control pull-right datepicker" id="datepicker" value=""> 
      <div class="input-group-addon"> 
       <i class="fa fa-calendar"></i> 
      </div> 
     </div> 
</div> 
<div class="bootstrap-timepicker"> 
    <label class="col-sm-3 control-label" for="time">Time</label> 
     <div class="input-group"> 
      <input type="text" name="time" id="time" class="form-control timepicker" value=""> 
      <div class="input-group-addon"> 
       <i class="fa fa-clock-o"></i> 
      </div> 
     </div> 
</div> 

Сценарий я добавляемого:

$(function() { 
    $('.datepicker').datepicker({ 
    autoclose: true, 
    format:'dd-mm-yyyy' 
    }); 
    $('.timepicker').timepicker({ 
    showInputs: false 
    }); 
}); 

включен файл сценария

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

и работает нормально в Chrome и Firefox, но это не делает работающих в Internet Explorer. Пожалуйста, помогите мне с этим.

Answer 1

Вы можете попробовать так: -

$("input.pickerClass").datepicker();

Answer 2

Проверить это

$('#inputboxid').datepicker({ 
     showOn: "button", 
     onSelect: function() 
     { 
     // this will execute 
     $(this).change(); 
     } 
    });