javascript - Bootstrap Datepicker 在日期上显示弹出窗口

Question

当用户单击输入字段时，我已成功添加 Bootstrap 日期选择器。我想当鼠标悬停在 Bootstrap 日期选择器上时显示一些特定数据，如爱彼迎，这可能吗？

编辑

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。

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