부트 스트랩 datetimepicker를 사용하는 중 오류

Question

datetimepicker에서 bootstrap-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> 

내가이 같이있는 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

내가 사용하는 코드는 다음과 같은 것입니다

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/