My Account
My Account
Previous Javascript Calendar Example Next Javascript Calendar Example
Two Coordinated Dates Highlight the Dates in Between

  1. This demo uses theme win2k.
  2. Click on a button.
  3. Electric is set to false, so the dates are not updated when you scroll forwards or backwords in months and years
  4. Notice that you cannot choose days prior to today.
  5. You cannot choose a check in date later then the check out date.
  6. You cannot choose a check out date prior to the check in date.
  7. After choosing the check in date, it is highlighted in the check out calendar
  8. Clicking reset will clear the dates.
  9. The second calendar default date is the date chosen in the first calendar. This matters when the check in days is several months in the future so the user doesn't need to scroll twice
  10. After choosing both the check in date and the check out dates, the range between is highlighted
  11. Disabled, not clickable, dates are are strike-through rather than faded dates
Location:
Check-in Date:
Check-out Date:

© 2004 Zapatec, Inc.