DateTimePicker Не работает в частичном представлении

Question

DateTimePicker не работает. Я пытаюсь использовать источники бутстрапа и jquery из внешних ресурсов (ссылки и скрипты, добавленные ниже, в моем решении)!

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
    <link href="<?php echo base_url();?>css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="<?php echo base_url();?>js/bootstrap-datetimepicker.min.js"></script> 

    <div style="display:inline;"> 
      <span id="PickUpDate" class="locationdetail-text-input"> 
       <input data-format="MM-dd-yyyy" type="text" style="width:110px; height:20px;" /> 
       <span class="add-on"> 
        <i data-time-icon="icon-time" data-date-icon="icon- calendar"></i> 
       </span> 
       </span> 
       <span id="PickUpTime" class="locationdetail-text-input"> 
       <input data-format="hh:mm" type="text" style="width:110px; height:20px;" /> 
       <span class="add-on"> 
         <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> 
       </span> 
       </span> 
     </div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#PickUpDate').datetimepicker({ pickTime: false }); 

     $('#PickUpTime').datetimepicker({ pickDate: false }); 
    }); 
</script> 

Answer 1

Если это ваш неполный код, вам необходимо удалить все сценарий из него. Поместите ссылки, которые вам нужны на главной странице. Когда часть добавляется на страницу, она будет иметь доступ к тем ссылкам, которые вам нужно просто создать экземпляр выбора даты. Поместите свои вызовы в функцию

function SetUpPickers(){ 
    $('#PickUpDate').datetimepicker({ pickTime: false }); 

    $('#PickUpTime').datetimepicker({ pickDate: false }); 
} 

затем вызовите эту функцию после загрузки частичного. если вы загружаете частичный код в ajax-звонке, то что-то вроде

.success(data){ 
    $('.ContentDiv').html(data); 
    SetUpPickers(); 
}