繁体   English   中英

Bootstrap 3 Datepicker使用嵌入式日历捕获日期

[英]Bootstrap 3 Datepicker capture date using inline calendar

我试图捕获在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);            
    });

如何获得在日期选择器上选择的日期?

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM