순간 datePicker에 대한 설정

Question

부트 스트랩에 js를 사용하여 날짜 및 시간 선택기를 설정하려고합니다. 먼저 이것을 설정했습니다.

<div class="form-group"> 
         <div class="col-md-3 col-sm-3 col-xs-3"> 
         <input id="begindateTime" class="form-control has-feedback-left" placeholder="Begin Date Time" type="text" >      
         </div> 
        </div> 

다음으로 확인해야합니다.

<!-- daterangepicker --> 
    <script type="text/javascript" src="js/moment/moment.min.js"></script> 
    <script type="text/javascript" src="js/datepicker/daterangepicker.js"></script> 

다음에 I가 그 표시에 DateTimePicker 함수되지 않습니다

<script> 

     $('#begindateTime').datepicker(); 

    </script> 

문제 설정? 시간과 분 선택으로 날짜와 시간이 모두 필요합니다. 나는 무엇을 놓칠 수 있 었는가?

Answer 1

CDN :

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script> 

<script type="text/javascript" src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script> 

<script type="text/javascript" src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css"></script> 

HTML :

<div class="row"> 
    <div class="col-md-12"> 
     <h6>datetimepicker1</h6> 

     <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-calendar glyphicon"></span></span> 
      </div> 
     </div> 
     <h6>datetimepicker2</h6> 
     <input type="text" class="form-control" id="datetimepicker2" /> 
    </div> 
</div> 

자바 스크립트 :

$('#datetimepicker1').datetimepicker(); 
$('#datetimepicker2').datetimepicker(); 

사용이 코드 ..

이것은 당신에게 유용 할 것입니다. ..