日期時間選取器用戶界面工作不正常引導

我使用日期時間選擇器的引導日曆來臨，但它的用戶界面在選擇日期後無法正常工作。日期時間選取器用戶界面工作不正常引導

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

日期時間選取器用戶界面工作不正常引導

回答

相關問題