引導datetimepicker不工作

你好我的datetimepicker不工作，我不知道原因。有人可以幫我解決這個問題嗎？引導datetimepicker不工作

這裏是鏈接

<link rel="stylesheet" href ="css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" /> 
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> 
<meta name="viewport" content="width=device-width, initial-scale=1">

這裏是它的form裏面的代碼，但我認爲不需要把它放在這兒

<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>

這裏是我的腳本

<script src="js/jquery-1.12.4.min.js"></script> 
<script type="text/javascript" src="js/moment.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script> 
<script type="text/javascript"> 

$(function() { 
       $('#datetimepicker1').datetimepicker(); 
      }); 
    </script>

這裏是輸出

我的css文件夾

我的js文件夾

來源

2016-07-10 nethken

首先，要使日期選擇器顯示出來，您需要調用input上的函數。

$('#datetimepicker1 input').datetimepicker()

此外，請提供相關的css文件爲glyphicons露面

來源

2016-07-10 04:51:17 karthikr

您不一定需要調用輸入上的函數。根據文檔和給出的示例，如果您沒有使用任何圖標，則可以在輸入上調用該函數，這樣，單擊該輸入將觸發日曆。 https://jsfiddle.net/Eonasdan/0Ltv25o8/ – Ricky

@Ricardo是的哈哈。先生，你知道如何用這種「1997年3月9日」這種格式來格式化日期時間嗎？ – nethken

Datepicker採用可選參數 - 「dateFormat」：http://api.jqueryui.com/datepicker/#option-dateFormat。您可以根據您的要求更改它。 – karthikr

輸入必須有ID = 'datetimepicker1'，而不是股利。

來源

2016-07-10 04:27:09

我的猜測是你在你的網站上加載的HTML元素之前運行了\ n的JavaScript。

在此示例中，請注意腳本位於javascript使用的div之後。

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <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> 
     <!-- AFTER the datetimerpicker is loaded --> 

     <script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker1').datetimepicker(); 
      }); 
     </script> 
    </div> 
</div>

如果它來之前，像這樣：

<script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker1').datetimepicker(); 
      }); 
</script> 



<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <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> 

    </div> 
</div>

的JavaScript將運行前的股利將加載，所以會覺得沒有什麼用id＃datetimepicker1。將javascript從頭開始，然後粘貼到datetimepicker後面。

來源

2016-07-10 04:30:43

看起來你缺少