Bootstrap Datepicker показать popover по датам

Question

Я добавил бутстрап datepicker успешно, когда пользователь нажимает на поле ввода. Я хотел бы показать некоторые конкретные данные, когда мышь наводится на bootstrap datepicker, поскольку airbnb это возможно?

EDIT

Here is my fiddle

HTML

<input type="text" name="start_date" id="date-from" placeholder="Check-in"> 

JS

$(document).ready(function(){ 
    //Date Pickers - Main Page 
    var nowTemp = new Date(); 
    var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 
    var checkin = $('#date-from').datepicker({ 
    format: 'dd/mm/yyyy', 
    startDate: '+1d', 
    weekStart: 1, 


    beforeShowDay: function (date) { 
     return date.valueOf() >= now.valueOf(); 
    }, 
    autoclose: true 

    }).on('changeDate', function (ev) { 

}); 







}); 

Answer 1

Вот JSFiddle, который я обновил, чтобы показать popover.

https://jsfiddle.net/mr3dxj5p/4/

$('body').on({ 
    mouseenter: function() { 
     $(this).popover({ 
     content: '$' + parseInt($(this).text()) * 100, 
     placement: 'top', 
     container: '.datepicker', 
     title: 'Price' 
     }).popover('show'); 
    }, 
    mouseleave: function() { 
     $(this).popover('hide') 
    } 
    }, '.datepicker .day:not(.disabled)');