Breaking News: Grepper is joining You.com. Read the official announcement!

calendar with issue count in angular

Nanu answered on October 19, 2023 Popularity 1/10 Helpfulness 8/10

answer calendar with issue count in angular

calendar with issue count in angular

Comment

 prevMonth() {
        const currentDate = new Date(this.currentMonth);
        currentDate.setMonth(currentDate.getMonth() - 1);
        this.loadCalendar(currentDate);
    }

    nextMonth() {
        const currentDate = new Date(this.currentMonth);
        currentDate.setMonth(currentDate.getMonth() + 1);
        this.loadCalendar(currentDate);
    }

    private loadCalendar(date: Date) {
        const year = date.getFullYear();
        const month = date.getMonth() + 1;
        this.currentMonth = this.datePipe.transform(date, 'MMMM - yyyy'); // Format the date as "September-2023"

        const daysInMonth = new Date(year, month, 0).getDate();

        // Calculate the day of the week for the first day of the month (0 = Sunday, 1 = Monday, ...)
        const firstDayOfWeek = new Date(year, month - 1, 1).getDay();
        this.days = [];
        for (let i = 0; i < 7; i++) {
            const dayIndex = (i + firstDayOfWeek) % 7;
            this.days.push(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][dayIndex]);
        }
        this.memberTransactionDetails.getIssueCounts(year, month).subscribe((data: IssueDashboard[]) => {
            this.boxes = data.map(item => ({
                date: item.id,
                issueCount: item.issueCount,
            }));
        });
    }

Popularity 1/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: angular calendar count javascript

Link to this answer
Share Copy Link

Contributed on Oct 19 2023

Nanu

0 Answers Avg Quality 2/10

calendar with issue count in angular

Contents

More Related Answers

calendar with issue count in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.