2017-08-23 11 views
1

私はhtml形式でdatepickerと時間ピッカーを使用しようとしています。Javascriptが機能しない - datepicker

<div class="form-group" style="width: 50%;"> 
    <label>Date:</label> 
    <div class="input-group date"> 
    <div class="input-group-addon"> 
     <i class="fa fa-calendar"></i> 
    </div> 
    <input type="text" class="form-control pull-right" id="datepicker" name="date" > 
    </div> 
    <!-- /.input group --> 
</div> 
<div class='col-sm-6'> 
    <div class="form-group"> 
    <div class='input-group date' id='datetimepicker3'> 
     <input type='text' class="form-control" /> 
     <span class="input-group-addon"> 
     <span class="glyphicon glyphicon-time"></span> 
     </span> 
    </div> 
    </div> 
</div> 
<label> 

そして、私は下に介在物を使用します:私のコードは以下の通りです

<script src="bower_components/jquery/dist/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>  

<link rel="stylesheet" href="plugins/datepicker/datepicker3.css"> 
<link rel="stylesheet" href="plugins/timepicker/bootstrap-timepicker.min.css"> 

<script type="text/javascript" src="plugins/datepicker/locales/bootstrap-datepicker.fr.js"></script> 
<script type="text/javascript" src="plugins/timepicker/bootstrap-timepicker.min.js"></script> 

正常に動作しているHTML、私はDatePickerのフィールドを見ることができますが、私はそれを使用することはできません、timepickerがいるようです同じ問題がありました。 クリックすると、カレンダーまたはタイムピッカーが開きません。 どうしたのですか?

答えて

0

フィールドを初期化して日付ピックアップに変換するためのjavascriptはどこですか? htmlマークアップだけを行う場合、フィールドは機能について何も知らない。

はこれを使用します。 $('#datepicker').datepicker();

が、最初に!ドキュメントを読んで...

+0

が、私はそれを使用する: lezogeek

+0

、あなたが開発コンソールにはエラーがありませんか? –

+0

私はこれを持っています: "datepickerは関数ではありません" – lezogeek

関連する問題