Bootstrap date range picker получить текущую дату, на которую наведена мышь

Datepicker сохраняется как атрибут данных HTML на input, к которому он привязан, и, таким образом, доступен с:

var datepicker = $('input[name="date"]').data('datepicker');

Проверка объекта datepicker показывает нам два полезных свойства, первое из которых-свойство viewDate. Это просто сохраняет дату текущего месячного представления (без определенного дня, но это не имеет значения на данном этапе, поскольку мы собираемся программно установить это). Второе свойство, которое нам нужно, - это свойство picker. Это дает нам узел DOM, который подборщик существует как:

var element = datepicker.picker;

И оттуда это простой DOM обход, чтобы добраться до элементов day (все они TD элементы с классом 'day'):

var days = element.find('td.day');

Таким образом, собрав все это вместе, вы можете получить текущий день, над которым нависает:

var datepicker = $('input[name="date"]').data('datepicker'),
    element = datepicker.picker;

element.on('mouseover', 'td.day', function(e) {
  var day = parseInt($(this).html(), 10);
});

Затем мы должны иметь дело с тем фактом, что клетки day могут относиться к предыдущему или следующему месяцу. К счастью, это подчеркивается наличием классов old (для прошлого месяца) и new (для следующий месяц).

Используя эту информацию в сочетании со свойством viewDate, которое мы обсуждали выше, мы можем выполнить некоторые манипуляции с датой, чтобы установить текущую дату, зависшую над ней (обратите внимание на дополнительные проверки, чтобы убедиться, что мы меняем год и месяц, если переходим вперед / назад на месяц от первого или последнего месяца года):

var datepicker = $('input[name="date"]').data('datepicker'),
    element = datepicker.picker;

element.on('mouseover', 'td.day', function(e) {
  var hoverDate = new Date(datepicker.viewDate.getTime()),
      day = parseInt($(this).html(), 10);

  // Set the day to the hovered day
  hoverDate.setDate(day);

  // If the previous month should be used, modify the month
  if ( $(this).hasClass('old') ) {
    // Check if we're trying to go back a month from Jan
    if ( hoverDate.getMonth() == 0 ) {
      hoverDate.setYear(hoverDate.getYear() - 1);
      hoverDate.setMonth(11); 
    } else {
      hoverDate.setMonth(hoverDate.month - 1);
    }
  }
  else if ( $(this).hasClass('new') ) {
    // Check if we're trying to go forward a month from Dec
    if ( hoverDate.getMonth == 11 ) {
      hoverDate.setYear(hoverDate.getYear() + 1);
      hoverDate.setMonth(0); 
    } else {
      hoverDate.setMonth(hoverDate.month + 1);
    }
  }

  console.log(hoverDate);
});

Примечание: Date.getMonth() возвращает целое число в диапазоне 0..11 (0-Январь, 11-декабрь). Это важно помнить.