Angular 4 - добавить дни к дате в шаблоне HTML
Я взял общедоступную переменную, которая используется для сохранения даты первого дня недели, или говорит, что она указывает на выходные. Он извлекается из базы данных. Я хочу взять дату (только числа) на следующей неделе.
Я пробовал следующий код, но не работает.
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>
Нашел еще одну работу в моем другом вопросе qaru.site/questions/5338 / ...
Вы нашли решение, хотя это
Ответы 2
Я думаю, вы забыли инициализировать selectedWeekend
public selectedWeekend: Date = new Date();
Если вы устанавливаете значение в другом месте, убедитесь, что тип даты
Он извлекается из базы данных
И как вы устанавливаете значение selectedWeekend из базы данных? Я имею в виду, что в какой-то момент вы делаете это .selectedWeekend = 'something here'. Пожалуйста, поделитесь этим кодом.
Если я правильно понял, что вы ищете, вы хотите взять все дни недели с выбранной даты. Лучшим вариантом использования параметров даты является использование moment.js (https://momentjs.com/)
В этом случае вы можете использовать метод буднего дня, который возвращает объект Date с днем, который вы ищете. После этого, используя метод get, вы можете получить номер дня.
moment(selectedWeekend).weekday(7).get('D')
Где 7 - сколько дней вы хотите получить после выбранных выходных
Надеюсь, это поможет тебе
Мне нужно решение в Angular 4 и машинописный текст
Да, конечно, он работает на angular 4. Вам нужно импортировать момент в свой файл .ts. После этого вы должны определить метод при выборе даты и использовать момент
Первым делом установите его -> момент установки npm --save. Затем импортируйте его -> import * as moment from 'moment';
Разве мы не можем сделать это с помощью простых getDate или setDate в Component.ts?
что именно вы хотите сделать, приведите какой-нибудь пример?