Bootstrap DateTimePicker问题

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

根据此链接查看此小提琴。

编辑：修复了小提琴的链接。

<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 个解决方案

解决方案1
0 2014-02-06 23:21:05

Bootstrap DateTimePicker问题

问题描述

1 个解决方案

解决方案1 0 2014-02-06 23:21:05

解决方案1
0 2014-02-06 23:21:05