Как отобразить только следующую неделю с текущего дня, используя JQuery?

Question

Я хочу отображать дату в текущем формате как прикрепленное изображение

Answer 1

На основании вашего комментария вы можете добавить несколько if утверждений, вы можете помочь в конкретных ситуациях.Рассмотрим следующее.

$(function() {
  var date;
  var wa = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
  for (var i = 0; i <= 6; i++) {
    date = new Date();
    date.setDate(date.getDate() + i);
    var day = $("<div>", {
      class: "dates",
      id: "day-" + i
    }).appendTo($(".date .days"));
    if (i == 0) {
      day.addClass("today");
    }
    var dNum = date.getDate();
    day.html((dNum < 10 ? "0" + dNum : dNum));
    if (i == 0) {
      $("<span>").html("Today").appendTo(day);
    } else if (i == 1) {
      $("<span>").html("Tom").appendTo(day);
    } else {
      $("<span>").html(wa[date.getDay()]).appendTo(day);
    }
  }
});

.days {
  border: #eee;
  font-family: Arial, sans-serif;
}

.dates {
  width: 45px;
  height: 40px;
  float: left;
  text-align: center;
  padding-top: 5px;
}

.dates span {
  display: block;
  text-transform: uppercase;
  font-size: 75%;
}

.today {
  background: #F66;
  color: #FFF;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="date">
  <div class="days"></div>
</div>

Надеюсь, что поможет.