title: Angular 4 - Add Days to a Date in HTML template
body: <p>I have taken a public variable which is used to save date of first day of the week, or say it indicates a weekend. It is fetched from database. 
  I want to take Date (Numbers only) of the next week. </p>
  
  <p><a href="https://i.stack.imgur.com/hBOWT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hBOWT.png" alt="enter image description here"></a></p>
  
  <p>I have tried following code, but is not working. </p>
  
  <pre><code>public selectedWeekend: Date;
  
  &lt;table&gt;
      &lt;tr&gt;            
          &lt;td style="padding: 10px;"&gt;
              Mon
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              Tue
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              Wed
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              Thu
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              Fri
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              Sat
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              Sun
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
  
          &lt;td style="padding: 10px;"&gt;
              {{ selectedWeekend.getDate()+1 | date :  "dd" }}
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              {{ selectedWeekend.getDate()+2 | date :  "dd" }}
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              {{ selectedWeekend.getDate()+3 | date :  "dd" }}
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              {{ selectedWeekend.getDate()+4 | date :  "dd" }}
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              {{ selectedWeekend.getDate()+5 | date :  "dd" }}
          &lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;
              {{ selectedWeekend.getDate()+6 | date :  "dd" }}
          &lt;/td&gt;
  
          &lt;td style="padding: 10px;"&gt;
              {{ selectedWeekend.getDate()+7 | date :  "dd" }}
          &lt;/td&gt;
  
      &lt;/tr&gt;
  &lt;table&gt;
  </code></pre>