javascript
  • jquery
  • twitter-bootstrap
  • datepicker
  • datetimepicker
  • 2014-01-30 4 views 24 likes 
    24

    여기에서 찾을 수있는 Eonasden의 날짜/시간 선택기를 사용하고 있습니다.부트 스트랩 오류 3 날짜/시간 선택기

    <div class="container"> 
        <div class="col-md-10"> 
         <div class='well'> 
          <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> 
         </div> 
        </div> 
    </div> 
    

    그것은 아이콘 벌금을 표시되지만 일정은 아래로 떨어 뜨리지 : Date Time Picker

    나는 예에서 HTML을 사용하고 있습니다. 내 머리 스크립트입니다 :

    <link href="view/dist/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    <link href="view/dist/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"> 
    <link href="http://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.0.1-p7/css/bootstrap.min.css" rel="stylesheet" > 
    
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="view/dist/js/bootstrap.min.js"></script> 
    <script src="view/dist/js/bootstrap-datetimepicker.min.js"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.0.1-p7/js/bootstrap.min.js"></script> 
    
    $(function() { 
    
        $(document).ajaxStop(function() { 
        $('#datetimepicker1').datetimepicker(); 
        }); 
    
    }); 
    

    나는의 콘솔 오류가 나타납니다 "catch되지 않은 오류 ReferenceError을 : 순간 정의되지 않은"사람이이 문제를 해결하는 방법에 대한 아이디어가 있습니까? 그의 견본 페이지에서 잘 작동하는 것 같습니다.

    +0

    다운로드나요 moment.js을하며 사용자 코드에서이를 참조? – Aditya

    +0

    또한 'momentjs-rails'gem을 추가 한 다음 application.js 파일을 수정하여 "bootstrap-datetimepicker"항목 전에 필요하도록 수정해야합니다. – JosephK

    답변

    44

    예에 따르면, 당신은이를 포함 할 필요가 ...

    http://momentjs.com/

    그것은 bootstrap.js 이후로이 있지만,이 같은 datetimepickerjs 전에 ..

    <script type="text/javascript" src="scripts/bootstrap.min.js"></script> 
    <script type="text/javascript" src="scripts/moment-2.4.0.js"></script> 
    <script type="text/javascript" src="scripts/bootstrap-datetimepicker.js"></script> 
    

    그것은 보여줍니다 그것 GitHub readme에 ...

    "Datetimepicker requires moment.js."

    +2

    나는 GitHub 빌드에서 그것을 보지 못했습니다. 어디서 찾았 니? 나는 그것을 아직도 운이 없다라고 덧붙였다. – user3167249

    +0

    내 anwser 업데이트 – ZimSystem

    +1

    지금 알 수 있습니다. 그러나 그것은 여전히 ​​문제를 해결하지 못했습니다. 더 이상 콘솔에서 오류가 발생하지 않지만 계속해서 오류가 없습니다. – user3167249

    7

    한번도 동일한 오류가 발생했습니다. 스크립트 파일의 콘텐츠 전송 네트워크 또는 콘텐츠 배포 네트워크 (CDN) 링크를 포함시켜 문제를 해결할 수있었습니다.

    아래 코드를 사용해보십시오 :

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script> 
    

    **Include the above code before looping in the bootstrap-datetimepicker.js

    관련 문제