## A Calendar Widget

jQuery has plugins that will provide an unobtrusive "calendar" widget for picking dates.

Example: date_picker.html

Markup:

<form action="http://minerva.dce.harvard.edu/cgi-bin/echo.cgi"> <p> Enter a start date: <input class="date" type="text" size="32" name="startdate" id="startdate" /> </p> <p> Enter an end date: <input class="date" type="text" size="32" name="enddate" id="enddate" /> </p> <input type="submit"/> </form>

JS:

<style type="text/css">@import url(js/core.ui.datepicker/ui.datepicker.css);</style> <script type="text/javascript" src="js/core.ui.datepicker/ui.datepicker.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('input.date').datepicker(); }) </script>