Bootstrap 3 Datepicker使用嵌入式日歷捕獲日期

Question

我試圖捕獲在bootstrap 3 datepicker上選擇的日期，但似乎無法理解文檔，因此嘗試了此操作：

            <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，例如本示例中的 。 如果您看到頁面中引用的示例：

<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);            
 });