<h1>This Week's Dates</h1>
<ul class="day-list">
  <li>
    <span class="day-name">Sunday: </span>
    <span class="day-date"></span>
  </li>
  <li>
    <span class="day-name">Monday: </span>
    <span class="day-date"></span>
  </li>
  <li>
    <span class="day-name">Tuesday: </span>
    <span class="day-date"></span>
  </li>
  <li>
    <span class="day-name">Wednesday: </span>
    <span class="day-date"></span>
  </li>
  <li>
    <span class="day-name">Thursday: </span>
    <span class="day-date"></span>
  </li>
  <li>
    <span class="day-name">Friday</span>
    <span class="day-date"></span>
  </li>
  <li>
    <span class="day-name">Saturday</span>
    <span class="day-date"></span>
  </li>
</ul>
.day-name {
  font-weight: bold;
}
View Compiled
const currentTimestamp = new Date(), 
      dayOfWeek = currentTimestamp.getDay();

// Loop through list and add date for each day.
$('.day-name').each(function(index) {
  let dateContainer = $(this).next('.day-date'),
      thisDate = getNiceDate(index - dayOfWeek);
  
  dateContainer.html(thisDate);
});

// Get formatted date X number of days in the future/past;
function getNiceDate(dateDelta) {
  let calcDate = new Date();
  
  calcDate =  calcDate.setDate(calcDate.getDate() + dateDelta);
  calcDate = new Date(calcDate); // Convert from ms to date object.
  
  return formatDate(calcDate);
}

// Convert date object to desired format.
function formatDate(timestamp) {
  const year = timestamp.getFullYear(),
        dayOfMonth = timestamp.getDate(),
        monthIndex = timestamp.getMonth(),
        dayOfWeekIndex = timestamp.getDay();
  
  const months = [
    'January',
    'February',
    'March',
    'April',
    'May',
    'June',
    'July',
    'August',
    'September',
    'October',
    'November',
    'December'
  ];

  const days = [
    'Sunday',
    'Monday',
    'Tuesday',
    'Wednesday',
    'Thursday',
    'Friday',
    'Saturday'
  ];
  
  const month = months[monthIndex],
        dayOfWeek = days[dayOfWeekIndex];
  
  return dayOfWeek + ', ' + dayOfMonth + ' ' + month + ' ' + year;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.30.1/date_fns.min.js