Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

146
CHAPTER 4 ■ BUILD AN EVENTS CALENDAR
Figure 4-4. The heading and weekday abbreviations
Building the Calendar
The next step is to build the actual calendar days. Several steps need to be completed for this to work
out:
1. Create a new unordered list.
2. Set up a loop (with an iteration counter, a calendar date counter, today’s date,
and the month and year stored as variables) that runs as long as the calendar
date counter is less than the number of days in the month.
3. Add a fill class to the days of the week that occur before the first.
4. Add a today class if the current date is contained within the same month and
year and matches the date being generated.
5. Create an opening and closing list item tag for each day.
6. Check if the current calendar box falls within the current month, and add the
date if so.
7. Check if the current calendar box is a Saturday, and close the list and open a
new one if so.
8. Assemble the pieces of the list item and append them to the markup.