引導3日期選擇器拍攝日期使用在線日曆

Question

我試圖捕捉我的自舉3日期選擇器選擇的日期，但我似乎無法理解的文件，所以我想這：

  <div id="datetimepicker"> 
      <input type="hidden" class="form-control" id="datepicker-data"></div> 
      </div> 

與我的jquery是：

$('#datetimepicker').datetimepicker({ 
    inline:true, 
    format: 'DD/MM/YYYY', 
    daysOfWeekDisabled: [0, 6] 

}); 

    $("#datetimepicker").click(function(){ 
     var dateData = $('#datepicker-data').val(); 
     alert(dateData);    
    }); 

如何獲取我在日期選擇器上選擇的日期？

Answer 1

您的html不正確。這是正確的HTML。我相信你的意圖是使用內聯datetimepicker，如this example。如果你看到在頁面引用的例子：

<div style="overflow:hidden;"> 
<div class="form-group"> 
    <div class="row"> 
     <div class="col-md-8"> 
      <!-- Start of datetimepicker html--> 
       <div id="datetimepicker12"></div> 
      <!-- End of datetimepicker html--> 
     </div> 
    </div> 
</div></code> 

所以，你糾正的HTML應該是爲初級講座：

<div id="datetimepicker"> 
    <input type="hidden" class="form-control" id="datepicker-data"> 
    </div> 

的JavaScript

$('#datetimepicker').datetimepicker({ 
    inline:true, 
    format: 'DD/MM/YYYY', 
    daysOfWeekDisabled: [0, 6] 
}); 

$("#datetimepicker").click(function(){ 
    var dateData = $('#datepicker-data').val(); 
    alert(dateData);    
});