• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 7. Controls > Adding a Calendar Date Picker

Adding a Calendar Date Picker

If you are requesting that visitors enter a date into form fields, you could just hope they have a desk calendar handy or you could give them a calendar right on the screen. Even better, you could let them click a date in the calendar to automatically place the correctly formatted date into the form fields.

In this example we’ll use JavaScript, CSS, and HTML to set up a fully formatted calendar (Figure 7.14). We’ll also give it controls that allow visitors to flip through the different months (Figure 7.15), jump back to the current month, and click a date to fill in the date fields of a form (Figure 7.16).


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint