Question

我的这个datetimepicker不久前工作了，但现在它不再开放了。我确实将它移动到一个模态窗口，但它仍然在我调用JS和CSS文件的同一个文件中。

这是头脑中的内容：

 <head>
 <meta http-equiv="Content-Language" content="en" />
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <link href="css/bootstrap.css" rel="stylesheet" />
 <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" />  
 <script type="text/javascript" 
       src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 <script type="text/javascript" 
       src="js/bootstrap-datetimepicker.min.js"></script>
 </head>

这是应该调用datetimepicker的代码，它位于模态窗口中：

 <div class='input-append' id='datetimepicker'>
 <label>Delivery Appt Date</label>
 <input data-format='yyyy-MM-dd' type="text" 
       style="width: 140px;" value="" id="del_date" name="del_date" />
 <span class='add-on'>
 <i data-date-icon='icon-calendar' data-time-icon='icon-time'></i>
 </span>
 <script type='text/javascript'>
 $(function() {
   $('#datetimepicker').datetimepicker({
     pickTime: false
     });
 });
 </script>
 </div>

上面的i data-date标签显示了日历的小图片，所以我知道它正在获取CSS。但是为什么不打开实际的日历窗口以便用户可以选择日期？

我已经去了几页，我能找到的最接近的是：http://www.eyecon.ro/bootstrap-datepicker/

这些例子最接近我以前取得的成绩，但出于某种原因，我无法复制。

我错过了什么？

Answer 1

根据此fiddle查看此link。

编辑：修复小提琴链接。

<div class="well">
  <div id="datetimepicker" class="input-append date">
       <label>Delivery Appt Date</label>
    <input data-format="yyyy-MM-dd" type="text"  style="width: 140px;" value="" id="del_date" name="del_date" ></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>
<script>
$(function() {
    $('#datetimepicker').datetimepicker({
      language: 'pt-EN'
    });
  });
</script>

Bootstrap datetimepicker问题

1 个答案: