Как увеличить дни с помощью javascript/jquery

У меня есть таблица будних дней следующим образом. Мне нужно показать всю неделю. Мне удалось напечатать текущий день, месяц и название дня недели, но я не знаю, как напечатать остальные дни, увеличивая их на 1 день. Я был бы признателен, если бы вы могли что-то предложить.

     $(document).ready(function() {
        var d = new Date();
        var monthNames = ["JAN", "FEB", "NAR", "APR", "MAY", "JUNE", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"];
        var weekdays = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
        var currentmonth = monthNames[d.getMonth()];
        var weekday = weekdays[d.getDay()];
        var currentday = d.getDate();
        $('#currentday').text(currentday);
        $('#currentmonth').text(currentmonth);
        $('#weekday').text(weekday);
        });
    <div id="weekday">SUN</div>
    <div id="currentday ">11</div>
    <div id="currentmonth">DEC</div>
    <div>------------------------</div>
    <div id="">MON</div>
    <div id="">12</div>
    <div id="">DEC</div>

    <div id="">TUE</div>
    <div id="">13</div>
    <div id="">DEC</div>

    <div id="">WED</div>
    <div id="">14</div>
    <div id="">DEC</div>

    <div id="">THU</div>
    <div id="">15</div>
    <div id="">DEC</div>

    <div id="">FRI</div>
    <div id="">16</div>
    <div id="">DEC</div>

    <div id="">SAT</div>
    <div id="">17</div>
    <div id="">DEC</div>


javascript jquery calendar days
person Johnny    schedule 11.12.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте это, это поможет вам. Вам нужно получить текущую дату, затем добавить к ней 1 день (1000 * 60 * 60 * 24) и повторить ее.

$(document).ready(function() {
  var d = new Date();
  var monthNames = ["JAN", "FEB", "NAR", "APR", "MAY", "JUNE", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"];
  var weekdays = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];

  for (var i = 0; i < 7; i++) {
    var date = new Date(d.getTime() + ((1000 * 60 * 60 * 24) * i));
    var currentmonth = monthNames[date.getMonth()];
    var weekday = weekdays[date.getDay()];
    var currentday = date.getDate();
    var wkday = "weekday" + i;
    var currday = "currentday" + i;
    var currmnth = "currentmonth" + i;
    $('#body').append("<div id=" + wkday + "></div>");
    $('#body').append("<div id=" + currday + "></div>");
    $('#body').append("<div id=" + currmnth + "></div>");
    $('#' + currday).text(currentday);
    $('#' + currmnth).text(currentmonth);
    $('#' + wkday).text(weekday);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<body id="body">

</body>

person vijay    schedule 11.12.2016