Thank you! I will check it out.
I have been messing around with Matt Kruse's Calendar Popup and kinda/sorta got something working. Maybe this code will help some other newbie in javascript calendars get started.
Name this file "caltest.php" and put Matt Kruse's CalendarPopup.js in the same directory and it should work.
<HTML>
<HEAD>
<TITLE>JavaScript Toolbox - Calendar Popup To Select Date</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF LINK="#00615F" VLINK="#00615F" ALINK="#00615F">
<?php
foreach($_POST as $key=>$value) {
$$key=$value;
echo "$key: $value<br>"; // debug
}
$datedefault=date('m/d/Y'); //put this in the date box to save users unneed step if data is current/today.
?>
<!---GOT CalendarPopup.js FROM: http://www.mattkruse.com/javascript/calendarpopup/source.html--->
<!---NEEDED FOR ALL VERSIONS--->
<SCRIPT LANGUAGE="JavaScript" SRC="CalendarPopup.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">document.write(getCalendarStyles());</SCRIPT>
<!---VERSION FOR ANY DATE--->
<SCRIPT LANGUAGE="JavaScript" ID="js1"> var cal1 = new CalendarPopup("testdiv1"); </SCRIPT>
<SCRIPT LANGUAGE="JavaScript">writeSource("js1");</SCRIPT>
<!---SELECT TODAY OR ANY FUTURE DATE--->
<SCRIPT LANGUAGE="JavaScript" ID="js2"> var cal2 = new CalendarPopup("testdiv2");
var thefuture = new Date();
thefuture.setDate(thefuture.getDate() - 1);
cal2.addDisabledDates(null, formatDate(thefuture,"yyyy-MM-dd"));
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">writeSource("js2");</SCRIPT>
<!---SELECT TODAY OR ANY PAST DATE--->
<SCRIPT LANGUAGE="JavaScript" ID="js3"> var cal3 = new CalendarPopup("testdiv3");
var thepast = new Date();
thepast.setDate(thepast.getDate() + 1);
cal3.addDisabledDates(formatDate(thepast,"yyyy-MM-dd"), null);
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">writeSource("js3");</SCRIPT>
<?
echo "<table><tr><td><form method=\"POST\" action=\"caltest.php\" target=\"_self\">";
echo "Something happened or will happen on: <INPUT TYPE=\"text\" NAME=\"date1\" VALUE=\"$datedefault\" SIZE=8> <A HREF=\"#\" onClick=\"cal1.select(document.forms[0].date1,'anchor1','MM/dd/yyyy'); return false;\" NAME=\"anchor1\" ID=\"anchor1\" title=\"Click in box to select a different date.\">(select a date)</A><DIV ID=testdiv1></DIV>";
echo "Something else WILL happen on: <INPUT TYPE=\"text\" NAME=\"date2\" VALUE=\"$datedefault\" SIZE=8> <A HREF=\"#\" onClick=\"cal2.select(document.forms[0].date2,'anchor2','MM/dd/yyyy'); return false;\" NAME=\"anchor2\" ID=\"anchor2\" title=\"Click in box to select a different date.\">(select a future date)</A><DIV ID=testdiv2></DIV>";
echo "Something else already HAPPENED on: <INPUT TYPE=\"text\" NAME=\"date3\" VALUE=\"$datedefault\" SIZE=8> <A HREF=\"#\" onClick=\"cal3.select(document.forms[0].date3,'anchor3','MM/dd/yyyy'); return false;\" NAME=\"anchor3\" ID=\"anchor3\" title=\"Click in box to select a different date.\">(select a past date)</A><DIV ID=testdiv3></DIV>";
echo "</td><td valign=bottom><input type=\"submit\" value=\"Submit Dates\"></td></FORM></tr></table>";
?>
</BODY>
</HTML>
). Its very customisable(but you dont have to if you like it as is). Jquery is also good to have as basis if you need anything else as it has dozens of good add-ons that you can use.