ブートストラップdatetimepickerを使用しているエラー

Question

datetimepickerのbootstrap-datetimepickerを使用しようとしていますが、日付ピッカーが表示されているときは、これが入力をカバーしています。

私が使用するコードは次のようなものです：

$(document).ready(function() 
    { 
     $("#datetimepicker").datetimepicker({ 
      defaultDate: '', 
      showTodayButton: true, 
      format: 'dd-mm-yyyy', 
      showClose: true, 
      showClear: true, 
      toolbarPlacement: 'top', 
      stepping: 15, 
      autoclose: true, 
      startView:3, 
      minView: 2, 
      language: 'es' 
     }); 
    }); 

ブートストラップV3.0.2 ：私はこのようにDateTimePickerを初期化

 <div class="col-md-6" > 
      @Html.LabelFor(model => model.BeginDate) 
      <div class="form-group" id=""> 
       @Html.TextBoxFor(model => model.BeginDate, new { @class = "form-control" , @id="datetimepicker"})       
      </div> 
      @Html.ValidationMessageFor(model => model.BeginDate) 
     </div> 

ASP MVC 5

Answer 1

あなたのコントロールがクラス "input-group"をラップするdivがないため、あなたの問題があると思います。これにより、ピッカーが絶対的に配置されるときに必要となる相対位置が与えられます。

ドキュメントは、次の例

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

https://eonasdan.github.io/bootstrap-datetimepicker/