Angular 4 - добавление дней к дате в шаблоне HTML

Question

Я взял открытую переменную, которая используется для сохранения даты первого дня недели или, скажем, для обозначения выходных. Извлекается из базы данных. Я хочу взять дату (только цифры) следующей недели.

Я пробовал следующий код, но не работает.

public selectedWeekend: Date;

<table>
    <tr>            
        <td style="padding: 10px;">
            Mon
        </td>
        <td style="padding: 10px;">
            Tue
        </td>
        <td style="padding: 10px;">
            Wed
        </td>
        <td style="padding: 10px;">
            Thu
        </td>
        <td style="padding: 10px;">
            Fri
        </td>
        <td style="padding: 10px;">
            Sat
        </td>
        <td style="padding: 10px;">
            Sun
        </td>
    </tr>
    <tr>

        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+1 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+2 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+3 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+4 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+5 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+6 | date :  "dd" }}
        </td>

        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+7 | date :  "dd" }}
        </td>

    </tr>
<table>

Answer 1

Если я правильно понимаю, что вы ищете, вы хотите взять все будние дни с выбранной даты.Наилучший вариант для использования параметров Date - использовать moment.js (https://momentjs.com/)

). В этом случае вы можете использовать метод дня недели, который возвращает объект Date с днем, который вы ищете. После этого используйте getМетод, которым вы можете получить число дней.

moment(selectedWeekend).weekday(7).get('D')

Где 7 - сколько дней вы хотите получить после выбранного выходного дня

Надеюсь, это поможет вам

Answer 2

Я думаю, что вы забыли инициализировать selectedWeekend

 public selectedWeekend: Date = new Date();

Если вы установите значение в другом месте, убедитесь, что тип даты