引导 3 日期选取器使用内联日历捕获日期

Bootstrap 3 Datepicker capture date using inline calendar

本文关键字：日期 日历 选取 引导      更新时间：2023-09-26

我正在尝试捕获在我的引导程序 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);            
    });

如何获取我在日期选择器上选择的日期？

您的 html 不正确。这是更正的 html。我相信您的意图是使用内联日期时间选择器，例如在本例中。如果您看到页面中引用的示例：

<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);            
 });
相关文章：