jquery date pickerに日付が表示されないのはなぜですか？

Question

Iamは日付ピッカーjqueryを使用しており、入力フィールド内には表示されません。私のリンクはhttps://jsfiddle.net/sbk2hd4c/10/です。

マイコード：

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

私のリンクは次のとおりです。事前にhttps://jsfiddle.net/sbk2hd4c/10/

ありがとう!!!

Answer 1

チェックこの

https://jsfiddle.net/sbk2hd4c/11/

あなたの入力タグ

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <div class="form-group"> 
       <div class='input-group date' > 
        <input type='text' class="form-control" id='datetimepicker1' /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 

    </div> 
</div> 

Answer 2

<input type='text' class="form-control" id='datetimepicker1' /> 

変更上記のような入力のためのIDである必要がありdivのであなたの同上を使用。 Divは異なるIDを持つ必要があります。

Answer 3

あなたは、日付ピッカーにchangeDateを結合することができ、テキストボックスに日付を設定することができます

$('#datetimepicker1').datetimepicker().on('changeDate', dateChangeListener); 

function dateChangeListener(event) { 
    var formattedDate = event.format('dd.mm.yy'); 
    $('text_box_id').val(formattedDate); 
}