ブートストラップ日付ピッカーをクリックして問題

Question

私は、ブートストラップ-RTL

私は2つのフィールド、日付用と名の1、私は名前で、日付の入力に最初のクリックするまで示されていない日付ピッカーを持っていた問題で、ブートストラップ日付ピッカーを使用してい

入力をクリックすると、入力したデータピッカーが表示されます。これはページの最初の読み込み時にのみ発生し、ページを再読み込みするまで正常に動作します。

<div class="col-md-6"> 
    <div class="form-group"> 
    <label for="name" class="control-label">name</label> 
    <input type="text" maxlength="40" name="name" class="form-control" /> 
    </div> 
</div> 

<div class="col-md-6"> 
    <div class="form-group"> 
    <span class="text-danger Bold">*</span> 
    <label for="civilIDExpiredDate" class="control-label">ExpiredDate</label> 
    <div class="input-group date"> 
     <div class="input-group-addon"> 
     <i class="fa fa-calendar"></i> 
     </div> 
     <input type="text" name="ExpiredDate" class="form-control datepicker"> 
    </div> 
    </div> 
</div> 

<script type="text/javascript"> 
//datepicker 
    $('.datepicker').datepicker({ 
     autoclose: true, 
     format: 'dd/mm/yyyy', 
     todayHighlight: true, 
     startDate: "dateToday" 
    }); 
</script> 

Answer 1

これはあなたがDOMが、その前に準備ができていないの後、あなたののDateTimePickerを初期化する必要があります

<script type="text/javascript"> 
    $(document).ready({ 
    //datepicker 
     $('.datepicker').datepicker({ 
      autoclose: true, 
      format: 'dd/mm/yyyy', 
      todayHighlight: true, 
      startDate: "dateToday" 
     }); 
    }); 
</script> 

のために動作します。