Javascript 在(';单击';,function())上,jQuery.on不使用引导日期时间选择器

Javascript 在(';单击';,function())上,jQuery.on不使用引导日期时间选择器,javascript,jquery,html,bootstrap-datetimepicker,Javascript,Jquery,Html,Bootstrap Datetimepicker,我对使用jQuery有点陌生,我使用Bootstrap DateTimePicker来显示日历,我想检索当前选择的日期,但由于某种原因,.on('click')函数在我单击日期时似乎不起作用 这是html代码的外观: <div style="overflow:hidden;"> <div class="form-group"> <div class="row"> <div class="col-md-8"&

我对使用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>
一天的引导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>
26
27
28
所以本质上我要寻找的是活动日的数据日的内容

JS:

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

    $('div tbody').on('click','td', function(e) {
     alert($(this).attr('data-day'));
    });
});
试试下面的小提琴:


我使用了以下代码,可以多次单击:

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

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


要访问html元素中存储在
data
属性中的数据,您可以在jQuery.data()上搜索并阅读更多关于它的信息。

@Hsate:下面是我们的答案,请接受答案;)@如果答案有帮助,请接受答案:)这只起作用一次,它只给我一天,而不是一年和一个月。在引导程序中,日期标记为“26”,我希望获得数据日的内容,即“10/26/2016”,我希望能够一次又一次地这样做,而不仅仅是一次。此外,如果我单击月份,选择另一个月(或再次选择同一个月),然后单击一天,它似乎不起作用。@HaSte:是的,你是正确的。我正在更新我的答案。很高兴我帮了忙:)但唯一的一件事是,现在引导不会更新当前选择的日期以显示为蓝色…:/没有关系。。。事实证明,这是一个简单的修复方法:我做了一个更新:,这将删除返回错误。当这实际起作用时,选择器有一个事件,应该用来获取用户选择的日期。通过这种方式,您可以获得拾取程序用作模型而不是字符串的矩对象的副本。
$(document).ready(function() {
    $('#datetimepicker').datetimepicker({
        inline: true,
        format: 'DD/MM/YYYY'
    });

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