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

Бутстраповское 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> 

Так что, по сути, я ищу содержимое данных дня a день.

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

Try ниже скрипкой:

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