At one point or another we've probably all had to get round the fact that Notes doesn't translate its handy little date pickers to the web. In the past I've used a variety of solutions ranging from Java applets to home-baked modal window approaches. Well, in my continuing quest to provide you with the useful things you all need, I have a nice little DHTML date-picker to demonstrate. As I mature I find my approach to using "fancy" widgets like this changes. Why not stick them in if they're needed? Even if they do require three JS files and one extra CSS resource! If the users are happy that's all that matter.
Let's look at an example. Click on the calendar icon next to the text box below to launch the picker:
Note: You may have noticed the page paused here as said files loaded...
Nice isn't it?! And that's only the trimmed-down "simple" version. You can get really carried away with it and even include a time picker. I've packaged the basic files you'll need in to this simple demo database (Domino 6).
If you want the full code and to see some more variations visit the developer's site. From what I can see it's shareware. Not sure if making a donation means you can remove the "?" icon that displays his personal contact details. Not what you want users of a large corporate system to see...
Did you notice the page pause as it loaded? Refresh and see if it does it again. In total there are 64KB of files required. Whether or not this is an acceptable burden on the page depends on your circumstance. The pause in this case was becuase I've included the files inline with the HTML. Much better is to place it in the header and then only when forms are in edit mode. Hopefully, with you cache settings correct, the effect will be negligible.
Not sure what the browser support for this is. If you find it doesn't work, let us know what you're using.