jQuery .on（'click'，function（））与引导程序不工作datetimepicker

Question

我有点新使用jQuery和我使用Bootstrap DateTimePicker来显示日历，我想检索当前选定的日期，但由于某些原因，.on（'click'）函数在点击日期时似乎不起作用。

这是HTML代码如下所示：

<div style="overflow:hidden;"> 
    <div class="form-group"> 
     <div class="row"> 
      <div class="col-md-8"> 
       <div id="datetimepicker"></div> 
      </div> 
     </div> 
    </div> 
</div> 

而我想这样做会是这样的：

$(document).ready(function() { 
    $('#datetimepicker').on('click', '.day', function() { 
     // Get the selected date. 
     var date = $(this).val(); 
    }); 
}); 

单日的自举HTML是像下面：

<td data-action="selectDay" data-day="10/26/2016" class="day active">26</td> 
<td data-action="selectDay" data-day="10/27/2016" class="day today">27</td> 
<td data-action="selectDay" data-day="10/28/2016" class="day">28</td> 

所以基本上我正在寻找的是数据日的内容活动日。

JSFiddle

Answer 1

我用下面的代码和它的工作多次点击：

$(document).ready(function() { 
    $('#datetimepicker').datetimepicker({ 
     inline: true, 
     format: 'DD/MM/YYYY' 
    }); 

    $('div tbody').on('click', 'tr > .day',function(){ 
     alert($(this).data().day) 
    }) 
}); 

jsfiddle

访问存储在data属性在HTML元素的数据，你可以搜索和阅读更多关于它的jQuery的.data（）

Answer 2

JS：

$(document).ready(function() { 
    $('#datetimepicker').datetimepicker({ 
     inline: true, 
     format: 'DD/MM/YYYY' 
    }); 

    $('div tbody').on('click','td', function(e) { 
    alert($(this).attr('data-day')); 
    }); 
}); 

试试下面拨弄：

https://jsfiddle.net/80kLcj1q/8/