2016-04-28 108 views
0

我试图捕捉我的自举3日期选择器选择的日期,但我似乎无法理解的文件,所以我想这:引导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);    
    }); 

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

回答

0

您的html不正确。这是正确的HTML。我相信你的意图是使用内联datetimepicker,如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);    
}); 
+0

是的,我打算在线使用的日期选择器,但我指的是bootstrap 3 datetimepicker。这就是为什么我把输入放入div的原因。 – marchemike

+1

我用bootstrap3 datetimepicker示例信息编辑了答案。该网站中的示例在div中没有​​任何输入元素。 – randominstanceOfLivingThing