Bootstrap 3 Datepicker 使用内联日历捕获日期

Question

我正在尝试捕获在我的 bootstrap 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。我相信您的意图是使用内联日期时间选择器，例如 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);            
 });