エラー：ブートストラップdatetimepickerは関数ではありません

Question

私は非常にhtmlとブートストラップに慣れています。私はdatetimepicker関数を使用しようとしています。

私はこの質問が複数回尋ねられていることを知っています。私は同様の質問に対していくつかの異なる回答を試みましたが、それでも同じエラーを投げます。datetimepickerは関数ではありません。私が間違っていることをあなたに知らせることができれば感謝します。以下の私のコードです：

 <div class="col-lg-4"> 
     <div class="form-group"> 
     <label for="datetimepicker1">Date:</label> 
      <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="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
     <script type="text/javascript"> 
      $(function() { 
      $('#datetimepicker1').datetimepicker(); 
      }); 
     </script> 
     </div> 
    </div> 

Answer 1

注文次のコードを使用してください：

<div class="col-lg-4"> 
     <div class="form-group"> 
     <label for="datetimepicker1">Date:</label> 
      <div class ='input-group date' id='datetimepicker'> 
      <input type="text" class="form-control"> 
      <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </span> 
      </div> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 

     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css"> 
     <script type="text/javascript"> 
      $(function() { 
      $('#datetimepicker').datetimepicker(); 
      }); 
     </script> 
     </div> 
    </div> 

Answer 2

position:relativeスタイルルールを持つdiv要素の内側にinput要素にinitizializedする必要がdatetimepicker()。

JS Fiddle

1. jQueryとMoment.js
2. Bootstrap.js
3. ブートストラップがdatepicker.js
   よう

しようとしなければならないのjsファイルの

<form class="form-inline"> 
    <div class="form-group"> 
    <label for="dtp">Date: </label> 
    <div style="position:relative"> 
     <input type="text" class="form-control" id="dtp"> 
     <script> 
     $(function() { 
      $('#dtp').datetimepicker(); 
     }); 
     </script> 
    </div> 
    </div> 
</form>