日期时间选取器用户界面工作不正常引导

我使用日期时间选择器的引导日历来临，但它的用户界面在选择日期后无法正常工作。日期时间选取器用户界面工作不正常引导

enter image description here

这是我的html文件

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<link href="./css/bootstrap.css" rel="stylesheet"> 
<link href="./css/datetimepicker.css" rel="stylesheet"> 


</head> 
<body> 
<div class="col-sm-6" style="height:130px;"> 
     <div class="form-group"> 
      <div class='input-group date' id='datetimepicker1'> 
       <input type='text' class="form-control" /> 
       <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-calendar"> 
        </span> 
       </span> 
      </div> 
     </div> 
</div> 



    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <!-- <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> --> 
     <script src="./js/lib/custom.js"></script> 
    <script src="./js/lib/bootstrap.js"></script> 
    <script type="text/javascript" src="./js/lib/bootstrap-datetimepicker.js"></script> 

    <script type="text/javascript" src="./js/lib/bootstrap-datetimepicker.pt-BR.js"></script> 

</body> 
</html>

这是我的UI脚本

$(function() { 

     $('#datetimepicker1').datetimepicker({ 
      viewMode: 'years' 
     }); 


    });

控制台错误

enter image description here

文件 enter image description here 描述

enter image description here

目录结构

enter image description here

来源

2015-05-08 henrycharles

任何控制台错误？你有** id = datetimepicker9 **，但在jQuery中你有**＃datetimepicker1 **这是一个错字吗？ –

@DawoodAwan我改变了这个错误我有一些不同的JS，我也添加了控制台错误 – henrycharles

选择日期后出现问题？选择日期后是否有任何控制台错误？ –

我将要做两件事情：

调用日期选择器的输入，而不是<div>

像这样：

<input type='text' class="form-control" id="datetimepicker1">

除了第一点，作为控制台错误sugest也许你应该检查脚本的相对路径。

如果你的主文件及其上面的src文件夹，你可以尝试的链接重定向像src="src/main/webapp/js/<your script file>"，如果该文件的下面你应该尝试"../"去了一个级别，或者干脆src="/src/main/..."从根开始夹。

尝试一下，因为“./”在DOCTYPE HTML文档中可能会很棘手。

来源

2015-12-02 11:42:18 Niquito

日期时间选取器用户界面工作不正常引导

回答

相关问题