<p>
<SCRIPT language="JavaScript" src="/scripts/calendar/PopupWindow.js"></SCRIPT>
<script language="JavaScript" src="/scripts/calendar/AnchorPosition.js"></script>
<SCRIPT language="JavaScript" src="/scripts/calendar/CalendarPopup.js"></SCRIPT>
<SCRIPT language="JavaScript">
var cal = new CalendarPopup("testdiv1");
cal.setReturnFunction("showDate");
document.write(cal.getStyles());
function showDate(y,m,d) {
document.all.startDate.value = m + "/" + d + "/" + y;
startMonth = m;
startDay = d;
startYear = y;
}
</SCRIPT>
</p>
<p align="center"><strong>Calendar Popup Example</strong></p>
<cfform name="newform" action="" method="post">
<A href = "" onClick="cal.showCalendar('anchor1'); return false;" name="anchor" id="anchor">Date</A>
<cfinput type="text" name="startDate" size="8" required="No" message="Please Enter a Valid Start Date"onclick="cal.showCalendar('anchor1'); return false">
<A name="calposition1" id="calposition1"> </A>
<A name="anchor1" id="anchor1">&nbsp </A>
<div id="testdiv1" style="position:absolute; visibility:hidden; background-color: White;">
</div><br>
</cfform>
</p>

Return to the Code Examples Page.