To see each example:-
Click on a link below and load the example in this window.
Then to view the source code:-
Click the right mouse button over the window and then select "View Source" from the pop-up window.
If any graphics are used in the script:-
Click the right mouse button over each graphic and then select "Save Picture As" from the pop-up menu. (All of the graphics are included in the same directory as the javascript example.)
To go back to the Index:-
Click on the "Back" button at the top of your browser.
Basic Calendar A month calendar that highlights the date and the day of the week
Daily Greeting Display the date on a small calender together with an appropriate salutation based on the time of the day.
Date Menu Each time the user selects a year or month, JavaScript gets the correct number of days in that month and updates the pull down menu. The script is Y2K compliant and also works for leap years
Day counter Tells you many wednesdays (or any other day) there are in the current month. It can be modified to work with any day of the week, or all of them!
Days Left This script calculates and displays the number of days (not weekdays) left in the current month.
Dynamic Month Select a month and year and automatically display the a complete calendar for that month in Dynamic HTML.
M-DH Shows you the current month's calendar, and the current day is highlighted!
M-T-DH This shows users a calendar that also tells you when you entered the page, plus, the current day is highlighted.
Pop-up Date picker A popup window appears allowing the user to select a date simply by a clicking it. The user can navigate to previous and future dates, and the selected date is displayed in your form.
Quarter It displays the current month, and the month prior and forthcoming on each side
Season Display the current season and year as determined by the system clock.
Select a Month Simply select any month of any year, and JavaScript will "build" you the calendar for that month
Select Day Shows a pull down menu from which you can select any day from the current month.
US-Euro Calendar A powerful calendar that allows you to scroll through the months. Displays monthly calendars in U.S. or Euro style, three months at a time. It even lets you define the holidays!
Year Calendar A calendar that shows you the whole year by month.
Year-Highlighted The same as the previous calendar but with today highlighted.