Как добавить дату оригинал / суффикс в кастом JQuery?

Question

У меня есть следующие Javascript, которые направлены на пересмотр формата даты, однако я хотел бы добавить оригинал даты или суффикс, такой как "st", "nd", "rd", "th" к каждому номеру даты окончания. Например, допустим, наша текущая дата установлена ​​как 28 апреля , но я хочу отобразить дату как 28 апреля .

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

var nth = function(d) {   if (d > 3 && d < 21) return 'th';   switch (d % 10) {
    case 1:  return "st";
    case 2:  return "nd";
    case 3:  return "rd";
    default: return "th";   } }

Текущий JS:

  // Blog date
    window.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.waddons-blog-meta').forEach(el => el.textContent = formatDateString(el.textContent))
    }, false);
    function formatDateString(s) {
      var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
      var arr = s.split('/');
      return arr[1] + " " + months[arr[0] - 1];

      }

Текущий HTML:

<div class="waddons-blog-meta">3/7/2020 - </div>

Answer 1

Просто вы можете вызвать функцию nth в своем коде.

var nth = function (d) {
      if (d > 3 && d < 21) return 'th'; switch (d % 10) {
        case 1: return "st";
        case 2: return "nd";
        case 3: return "rd";
        default: return "th";
      }
    }

window.addEventListener('DOMContentLoaded', function () {
  document.querySelectorAll('.waddons-blog-meta').forEach(el => el.textContent = formatDateString(el.textContent))
}, false);
function formatDateString(s) {
  var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  var arr = s.split('/');
  return arr[1] + nth(arr[1]) + " " + months[arr[0] - 1];
}

Если вы хотите надписать значение th, используйте следующий код

window.addEventListener('DOMContentLoaded', function () {
  document.querySelectorAll('.waddons-blog-meta').forEach(el => el.innerHTML = formatDateString(el.textContent))
}, false);
function formatDateString(s) {
  var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  var arr = s.split('/');
  return arr[1] + "<sup>" + nth(arr[1]) + "</sup>" + " " + months[arr[0] - 1];
}