을 DateTimePicker하지 내가 부트 스트랩이있는 DateTimePicker를 구현했습니다

Question

입력 필드에서, 페이지의 하단에 표시 들판 아래에 나타난다. 페이지 하단까지 스크롤해야 볼 수 있습니다.

또한 입력 필드가 비활성화되어 있지 않습니다. 이 버튼을 누르면 키보드가 나타나며 수동으로 텍스트를 입력 할 수 있습니다 (필자는 그렇게하기를 원하지 않습니다). 내가 코드에서 그것을 해제 할 수있을 것 같아요,하지만 그것은 기본적으로 비활성화 해야하는 예제에서 보이나요?

나는 더 많은 코드를 곧 게시 하겠지만, 누군가가 이미 문제를 알고 있다면 알려 주시기 바랍니다. 감사합니다 :) 아마

<div class="form-group"> 
     <label for="startpicker" class="col-sm-1 control-label">Start:</label> 
     <div class="col-sm-3"> 
      <div class='input-group date'> 
       <input type='text' name="start" class="form-control datepicker" id="startpicker"/> 
       <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 
      </div> 
     </div> 
    </div> 


    <div class="form-group"> 
     <label for="sluttpicker" class="col-sm-1 control-label">Slutt:</label> 

     <div class="col-sm-3"> 
      <div class='input-group date'> 
       <input type='text' name="slutt" class="form-control datepicker" id="sluttpicker" /> 
       <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 
      </div> 
     </div> 
    </div> 

    <script type="text/javascript"> 
    $(function() { 
     $('.datepicker').datetimepicker(
      { 
       format: "dd.mm kl.hh:ii", 
       autoclose: "true", 
       todayBtn: "true", 
       minuteStep: 15, 
       pickerPosition: "bottom-left" 

      } 
     ); 


     $('.selectpicker').selectpicker({ 
      style: "btn-primary" 
     }); 

    }); 
    </script> 

Answer 1

, 당신은 내가이 매우 늦게 알고 div

Answer 2

<div class="form-group"> 내부에 클래스 col-xs-3와 클래스 col-sm-3을 대체하는 시도해야하지만, 좋은 옵션은 data-date-container="#datepicker-container"을 사용하고 빈을 생성하는 것입니다 div로 id가 data-date-container과 일치하면이 경우 id는 datepicker-container