Нужна функциональность даты для дня Недели Месяца года в Ионном Угловом

#angular #date #ionic-framework #angular-material #ionic4

Вопрос:

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

Комментарии:

1. Ты что — нибудь пробовал? Какая у вас проблема?

Ответ №1:

Похоже, ион-дата-время-это то, что вы ищете.

Ответ №2:

       if (this.tabID === "Day") {
        const nextDay = new Date(myDate1);
        nextDay.setDate(myDate1.getDate()   1);
        this.currentDate = nextDay;
        console.log("next ", nextDay);
      }
      if (this.tabID === "Month") {
        // for month
        const nextMonth = new Date(myDate1);
        nextMonth.setMonth(myDate1.getMonth()   1);
        console.log("month ", nextMonth);
        this.currentDate = nextMonth;
      }
      if (this.tabID === "Week") {
        // for next week
        const firstDay = new Date(this.currentDate);
        const nextWeek = new Date(firstDay.getTime()   7 * 24 * 60 * 60 * 1000);
        console.log("next week> ", nextWeek);
        this.currentDate = nextWeek;
        const current = new Date(this.currentDate); // get current date
        const weekstart = current.getDate(); // - 1 - current.getDay()   1;
        const weekend = weekstart - 6; // end day is the first day   6
        this.weekStart = new Date(current.setDate(weekstart)); // first day of week is Sunday
        this.weekEnd = new Date(current.setDate(weekend)); // last day of week is Saturday
        console.log("weekStart ", this.weekStart, "WeekEnd ", this.weekEnd);
      }
      if (this.tabID === "Year") {
        const nextMonth = new Date(myDate1);
        nextMonth.setFullYear(myDate1.getUTCFullYear()   1);
        console.log("month ", nextMonth);
        this.currentDate = nextMonth;
      }
    }```
    by doing this I resolved the issue.
    this code is for only greater than icon in image