jQuery addClass example

Change class name on click in jQuery

by magicaj

HTML

<h3 style="text-align: center; white-space: pre-wrap;"><div id="payBy" style="line-height:45px;"></div></h3>

JavaScript

$(document).ready(setDateOnLoad);

function getNextDayOfWeek(date, dayOfWeek, numOfWeeks, matchCurrentDay) {
  var returnDate = new Date(date);
  var modifier = matchCurrentDay ? 0 : 1;
  returnDate.setDate(
    returnDate.getDate() + ((dayOfWeek - modifier - returnDate.getDay() + 7) % 7) + modifier
  );

  if (numOfWeeks > 1) {
    returnDate.setDate(returnDate.getDate() + (matchCurrentDay ? 1 : 0));
    return getNextDayOfWeek(returnDate, dayOfWeek, numOfWeeks - 1);
  }
  return returnDate;
}

function setDateOnLoad() {
  var $payByElement = $("#payBy");
  var payByTextPrefix = "Payment Due ";
  var options = {
    weekday: "long",
    year: "numeric",
    month: "long",
    day: "numeric"
  };
  var today = new Date();
  var threeFridaysFromToday = getNextDayOfWeek(today, 5, 3, true).toLocaleDateString(
    "en-US",
    options
  );

  $payByElement.text(payByTextPrefix + threeFridaysFromToday);
}