2016-08-15 28 views
0

我想設置日期和時間選擇器使用引導的時刻js。 首先我已經設置了這個。時刻datepicker的設置

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

接下來,我已經將這個

<script> 

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

    </script> 

問題上的顯示的DateTimePicker不是一個函數?我需要日期和時間以及小時和分鐘選擇。我錯過了什麼?

+0

使用'$('#begindateTime')。datetimepicker();' – mmushtaq

+0

*** [Here](https://eonasdan.github.io/bootstrap-datetimepicker/)** *是它的文檔... – mmushtaq

+0

我試過我現在得到這個錯誤Uncaught SyntaxError:無效或意外的標記 – user5313398

回答

3

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> 

的JavaScript:

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

使用此代碼..

這將對你有用..

+0

謝謝,但是我的另一個人剛剛開始工作,它沒有選擇時間。 – user5313398