DateTimePicker 在局部视图中不起作用答案

【问题标题】：DateTimePicker Not Working in a partial viewDateTimePicker 在局部视图中不起作用
【发布时间】：2015-02-27 16:16:02
【问题描述】：

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>

【问题讨论】：

控制台有错误吗？
你的剧本是不是部分的？

标签： jquery twitter-bootstrap asp.net-mvc-4 jquery-ui

【解决方案1】：

如果这是您的部分代码，那么您需要从中删除所有脚本。将您需要的参考资料放在主页上。将部分添加到页面后，它将可以访问这些引用，然后您只需要实例化日期选择器。把你的电话放在一个函数中

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

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

然后在加载部分后调用此函数。如果您在 ajax 调用中加载部分内容，例如

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

【讨论】：