Показать «Сегодняшнюю дату» в «Атрибуте заголовка» всплывающей подсказки - Bootstrap

Question

Я звоню на сегодняшнюю дату с JS

  <script>
    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
    var n = new Date();
    var y = n.getFullYear();
    var m = n.getMonth();
    var d = n.getDate();
    document.getElementById("today").innerHTML = d + " " + months[m] + " " + y;
  </script>

Теперь я пытаюсь использовать эту строку в подсказке в качестве атрибута заголовка (bootstrap).

<span class="font-size-1" data-toggle="tooltip" data-html="true" title="here should go the string TODAY">Today</span>

Это просто не работает. Кто-нибудь там, кто видит проблему? Как я могу добавить идентификатор = "сегодня" в заголовке или в основном отображаться во всплывающей подсказке?

PS. Если я вложу его в букву P, то дата будет в порядке (так что JS в порядке):

<p id="today"></p>

Answer 1

Используйте title как функцию. Я также сократил ваш расчет даты, используя toLocaleString():

$('span.custom').tooltip({
  title: function() {
    return new Date().toLocaleString("en-GB", {day: '2-digit', month: 'long', year: 'numeric'})
  }
})

body {
  padding: 25px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />
<span class="custom font-size-1 font-weight-bold" data-toggle="tooltip" data-html="true">Today</span>

Answer 2

То есть вы хотите показать дату во всплывающей подсказке диапазона, верно? Просто установите заголовок на today и укажите диапазон id. Это работает для вас?

var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
    var n = new Date();
    var y = n.getFullYear();
    var m = n.getMonth();
    var d = n.getDate();
    document.getElementById("today").title = d + " " + months[m] + " " + y;

<span class="font-size-1" data-toggle="tooltip" data-html="true" id="today">Today</span>