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

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

Answer 1

您的HTML不正确。这是更正后的html。我相信您的意图是使用内联datetimepicker，例如this example。如果您看到页面中引用的示例：

if(!userInput.equals("no")){

因此，您更正后的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>

的javascript

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

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

1 个答案: