Skip to content

JavaScript Popup Date Control

by Adam on February 20th, 2006

I have finished the initial version of the date control. I think it improves on some of the designs I have seen around this last week.

Here are the finer points:

  1. Completely JavaScript/CSS/XHTML built so no server side stuff is required.
  2. No tables at all in the calendar control so the design is more flexible and easier to style across different browsers. I used horizontal rollover lists for the day rows instead and they work very well. This means there is no need for extra JavaScript to light up the days on mouse over just use a:hover.
  3. Very simple to include in a website. Just need an element with a .value property, a div container and to include the .css and .js files.

Demonstration

Grab the files you need here (right click -> save as…).

  1. datepicker.js
  2. datepicker.css
  3. index.html

I tried to keep everything as simple as possible so you might need to expand it to fit your needs. Please let me know if there are any issues with any browsers you test on.

From → Uncategorized

2 Comments
  1. Responder permalink

    not a good control here management of Date Div is on user that’s a big minus otherwise its a nice effort

  2. Your absolutely right! It’s definately time to revisit this control using the DOM properly and making the whole thing a JavaScript object.

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS