錯誤與引導3日期/時間選擇器

我使用Eonasden的日期/時間選擇器，你可以在這裏找到。 Date Time Picker 錯誤與引導3日期/時間選擇器

我使用HTML從例如：

<div class="container"> 
    <div class="col-md-10"> 
     <div class='well'> 
      <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>

它顯示的圖標很好，但不是日曆降了下來。我的頭腳本是：

<link href="view/dist/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
<link href="view/dist/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"> 
<link href="http://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.0.1-p7/css/bootstrap.min.css" rel="stylesheet" > 

<script src="http://code.jquery.com/jquery.js"></script> 
<script src="view/dist/js/bootstrap.min.js"></script> 
<script src="view/dist/js/bootstrap-datetimepicker.min.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.0.1-p7/js/bootstrap.min.js"></script> 

$(function() { 

    $(document).ajaxStop(function() { 
    $('#datetimepicker1').datetimepicker(); 
    }); 

});

我收到的控制檯錯誤「未捕獲的ReferenceError：時刻沒有定義」有沒有人對如何解決這一問題的想法？它似乎在他的示例頁面上工作正常。

來源

2014-01-30 user3167249

你下載moment.js並從您的代碼中引用呢？ – Aditya

您還必須添加'momentjs-rails'gem，然後修改您的application.js文件，以在「bootstrap-datetimepicker」條目之前要求它。 – JosephK

根據該示例，您需要包括這..

http://momentjs.com/

它必須是bootstrap.js之後，但在datetimepickerjs像在此之前..

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

這表明它在GitHub上自述..

"Datetimepicker requires moment.js."

來源

2014-01-30 15:00:23 ZimSystem

我沒有看到在GitHub構建。你是在哪裏找到那個東西的。儘管如此，我確實還是添加了它。 – user3167249

已更新我的安裝程序 – ZimSystem

我現在明白了。但是，這仍然沒有解決這個問題。我不再在控制檯中發現任何錯誤，但仍然沒有下降。 – user3167249

有一次，即使我得到了同樣的錯誤。我能夠通過包含腳本文件的內容交付網絡或內容分發網絡（CDN）鏈接來解決這個問題。

嘗試下面的代碼：

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script>

**Include the above code before looping in the bootstrap-datetimepicker.js

來源

2016-03-15 14:00:26

回答

相關問題