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();
    });
});

一天的bootstrap 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

要訪問html元素中data屬性中存儲的data ，您可以在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/