jQuery .on('click', function()) 不适用于 bootstrap-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();
    });
});

一天的bootstraphtml如下：

<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

JS:

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

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

尝试以下 fiddle:

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

Answer 2

我使用了以下代码，它可以用于多次点击：

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

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

jsfiddle

要访问存储在 html 元素的 data 属性中的数据，您可以在 jQuery .data()

上搜索并阅读更多相关信息

jQuery .on('click', function()) 不适用于 bootstrap-datetimepicker

jQuery .on('click', function()) not working with bootstrap-datetimepicker

html

javascript

jquery

bootstrap-datetimepicker