2016-04-14 126 views
0

我想把引导程序datetimepicker插件放在我的web应用程序中,并正确地遵循每一个安装说明,但它不会工作,所以我尝试了其他人在jsfiddle从这里引用的例子,但他们也不工作。是在我的浏览器中,还是我忘记了包含一些要求。这里是我的头:bootstrap datetimepicker不工作

<!-- BOOTSTRAP TIMEPICKER --> 
<link href="<?php echo base_url('assets/css/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css');?>" 

,这里是我的页脚:

<!-- JQUERY TIMEPICKER --> 
<script src="<?php echo base_url('assets/js/moment/min/moment.min.js');?>"></script> 
<script src="<?php echo base_url('assets/js/bootstrap-datetimepicker.min.js');?>"></script> 

这里是HTML:

   <tr> 
      <td><label class='control-label'>Time In:</label></td> 
      <td><div class='input-group date' id='TimeIn'> 
      <input type='text' class='form-control' value='"[email protected]('H:i',@strtotime($val['TimeIn']))."' id='txtTimeIn'/><span class='input-group-addon'><i class='glyphicon glyphicon-time'></i></span> 
      </div></td> 
       </tr> 

这里是jQuery的:

$(function(){ 
$('#TimeIn').datetimepicker({ 
    format: 'LT' 
}); 
}); 
+0

检查浏览器控制台的错误日志。在Google Chrome'F12 - >控制台上。 – Tpojka

+0

问题是,它从来没有显示任何错误,即使jQuery的冲突..... – SilverRay

回答

0

初始化后显示datetimepicker ng

$(function(){ 
$('#TimeIn').datetimepicker({ 
    format: 'LT' 
}); 
$("#Timein").datetimepicker("show"); 
}); 
+0

我试过,但仍然无法正常工作。我也试过这个timepicker http://jdewit.github.io/bootstrap-timepicker/但同样的事情不工作。请注意,我有一个日历插件。 ymy日历是否也会影响其他插件的功能? – SilverRay

+0

为什么你使用单独的插件。如果需要,可以单独使用'datetimepicker',您可以同时使用日历和时间,只使用日历。 –

+0

我会尝试禁用日历,看看它是否会工作。 – SilverRay

0

我以前没有使用它,但我搜索了一下,发现了一些exmaples。 您使用<i><span>但你没有添加图标的属性

<i data-time-icon="icon-time" data-date-icon="icon-calendar"> 

检查此链接https://tarruda.github.io/bootstrap-datetimepicker/

+0

我使用glyphicon,这也是如何写在教程中。 – SilverRay