Download Free Java Script Source

for use

Add the following script into the <head> section of your page:
<SCRIPT LANGUAGE="JavaScript"> function setDate(str) { if (str == " ") { return; } mnth1 = document.forms[0].month.value; ccmnth = mnth1; ccmnth++; year = document.forms[0].year.value; dateStr = ccmnth+"/"+str+"/"+year; dateStr = trim(dateStr); document.forms[1].dateField.value = dateStr; }//setDate()  function trim(str) { res=""; for(var i=0; i< str.length; i++) { if (str.charAt(i) != " ") { res +=str.charAt(i); } } return res; }//trim()  function getMonthName(ccmnth) { if (ccmnth == 0) { name = "January"; }else if(ccmnth==1) { name = "February"; }else if(ccmnth==2) { name = "March"; }else if(ccmnth==3) { name = "April"; }else if(ccmnth==4) { name = "May"; } else if(ccmnth==5) { name = "June"; } else if(ccmnth==6) { name = "July"; } else if(ccmnth==7) { name = "August"; } else if(ccmnth==8) { name = "September"; } else if(ccmnth==9) { name = "October"; } else if(ccmnth==10) { name = "November"; } else if(ccmnth==11) { name = "December"; } return name; }//getMonthName()  function getNoOfDaysInMnth(ccmnth,yr) { rem = yr % 4; if(rem ==0) { leap = 1; } else { leap = 0; } noDays=0; if ( (ccmnth == 1) || (ccmnth == 3) || (ccmnth == 5) || (ccmnth == 7) || (ccmnth == 8) || (ccmnth == 10) || (ccmnth == 12)) { noDays=31; } else if (ccmnth == 2) { noDays=28+leap; } else { noDays=30; } //alert(noDays); return noDays; }//getNoOfDaysInMnth()  function fillDates(dayOfWeek1,noOfDaysInmnth) { for(var i=1; i<43; i++) { str = "s"+i; document.forms[0].elements[str].value=" "; } startSlotIndx = dayOfWeek1; slotIndx = startSlotIndx; for(var i=1; i<(noOfDaysInmnth+1); i++) { slotName = "s"+slotIndx; val=""; if (i<10) { val = " "+i+" "; } else { val = i; } document.forms[0].elements[slotName].value = val; slotIndx++; } }//fillDates()    function thisMonth() { dt = new Date(); ccmnth = dt.getMonth(); /* 0-11*/ dayOfMnth = dt.getDate(); /* 1-31*/ dayOfWeek = dt.getDay(); /*0-6*/ yr = dt.getFullYear(); /*4-digit year*/ //alert("month:"+(ccmnth+1)+":dayofMnth:"+dayOfMnth+":dayofweek:"+dayOfWeek+":year:"+yr); mnthName = getMonthName(ccmnth)+ " "; document.forms[0].month.value = ccmnth; document.forms[0].year.value = yr; document.forms[0].currMonth.value = ccmnth; document.forms[0].currYear.value = yr; document.forms[0].monthYear.value = mnthName+yr; document.forms[1].dateField.value = (ccmnth+1)+"/"+dayOfMnth+"/"+yr; startStr = (ccmnth+1)+"/1/"+yr; dt1 = new Date(startStr); dayOfWeek1 = dt1.getDay(); /*0-6*/ noOfDaysInMnth = getNoOfDaysInMnth(ccmnth+1,yr); fillDates(dayOfWeek1+1,noOfDaysInMnth); }//thisMonth()  function nextMonth() { var currMnth = document.forms[0].month.value; currYr = document.forms[0].year.value; if (currMnth == "11") { nextMnth = 0; nextYr = currYr; nextYr++; } else { nextMnth=currMnth; nextMnth++; nextYr = currYr; } mnthName = getMonthName(nextMnth); document.forms[0].month.value=nextMnth; document.forms[0].year.value=nextYr; document.forms[0].monthYear.value= mnthName+" "+nextYr; str = (nextMnth+1)+"/1/"+nextYr; dt = new Date(str); dayOfWeek = dt.getDay(); noOfDays = getNoOfDaysInMnth(nextMnth+1,nextYr); fillDates(dayOfWeek+1,noOfDays); }//nextMonth()  function prevMonth() { var currMnth = document.forms[0].month.value; currYr = document.forms[0].year.value; if (currMnth == "0") { prevMnth = 11; prevYr = currYr; prevYr--; } else { prevMnth=currMnth; prevMnth--; prevYr = currYr; } str = (prevMnth+1)+"/1/"+prevYr; dt = new Date(str); dayOfWeek = dt.getDay();  runningMonth = document.forms[0].currMonth.value; rMonth=runningMonth; rMonth++; runningYear = document.forms[0].currYear.value; rYear=runningYear; str = (rMonth)+"/1/"+rYear; dt1 = new Date(str); if (dt.valueOf() < dt1.valueOf()) { alert('Cannot Go Before Current Month'); return; }  mnthName = getMonthName(prevMnth); document.forms[0].month.value=prevMnth; document.forms[0].year.value=prevYr; document.forms[0].monthYear.value= mnthName+" "+prevYr; noOfDays = getNoOfDaysInMnth(prevMnth+1,prevYr); fillDates(dayOfWeek+1,noOfDays); }//prevMonth() </SCRIPT>

Add the following script into the <BODY> section of your page:
<BODY onload="thisMonth()"> <table border=1 bgcolor="#BAA0A0" align=center> <tr> <td> <form>  <input type=hidden name=month value=""> <input type=hidden name=year value=""> <input type=hidden name=currMonth value=""> <input type=hidden name=currYear value="">  <p> <input type="button" name="prev" onclick="prevMonth()" value="<<"> <input type="text" size="15" name="monthYear" value=""> <input type="button" name="next" onclick="nextMonth()" value=">>"> </p> <table bgcolor="#D4D4D4" align=center border="1" cellpadding="0" cellspacing="0" width="150"> <tr bgcolor="#10A0A0"> <td width="14%"><font size="1"><strong>SUN</strong></font></td> <td width="14%"><font size="1"><strong>MON</strong></font></td> <td width="14%"><font size="1"><strong>TUE</strong></font></td> <td width="14%"><font size="1"><strong>WED</strong></font></td> <td width="14%"><font size="1"><strong>THU</strong></font></td> <td width="15%"><font size="1"><strong>FRI</strong></font></td> <td width="15%"><font size="1"><strong>SAT</strong></font></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s1" value=" 1 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s2" value=" 2 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s3" value=" 3 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s4" value=" 4 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s5" value=" 5 "></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s6" value=" 6 "></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s7" value=" 7 "></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s8" value=" 8 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s9" value=" 9 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s10" value="10"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s11" value="11"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s12" value="12"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s13" value="13"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s14" value="14"></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s15" value="15"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s16" value="16"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s17" value="17"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s18" value="18"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s19" value="19"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s20" value="20"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s21" value="21"></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s22" value="22"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s23" value="23"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s24" value="24"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s25" value="25"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s26" value="26"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s27" value="27"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s28" value="28"></td> </tr> <tr> <td align="center"><input type="button" name="s29" onclick="setDate(this.value);" value="29"></td> <td align="center"><input type="button" name="s30" onclick="setDate(this.value);" value="30"></td> <td align="center"><input type="button" name="s31" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s32" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s33" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s34" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s35" onclick="setDate(this.value);" value=" "></td> </tr> <tr> <td align="center"><input type="button" name="s36" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s37" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s38" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s39" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s40" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s41" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s42" onclick="setDate(this.value);" value=" "></td> </tr> </table> </form> <form> <table border=0 cellspacing=1 cellpadding=1> <tr> <td> <b>Selected:</b> </td> <td align=center> <input type=text size="12" name=dateField> </td> <tr> </table> </form> </td> </tr> </table> </BODY>  <BODY onload="thisMonth()"> <table border=1 bgcolor="#BAA0A0" align=center> <tr> <td> <form>  <input type=hidden name=month value=""> <input type=hidden name=year value=""> <input type=hidden name=currMonth value=""> <input type=hidden name=currYear value="">  <p> <input type="button" name="prev" onclick="prevMonth()" value="<<"> <input type="text" size="15" name="monthYear" value=""> <input type="button" name="next" onclick="nextMonth()" value=">>"> </p> <table bgcolor="#D4D4D4" align=center border="1" cellpadding="0" cellspacing="0" width="150"> <tr bgcolor="#10A0A0"> <td width="14%"><font size="1"><strong>SUN</strong></font></td> <td width="14%"><font size="1"><strong>MON</strong></font></td> <td width="14%"><font size="1"><strong>TUE</strong></font></td> <td width="14%"><font size="1"><strong>WED</strong></font></td> <td width="14%"><font size="1"><strong>THU</strong></font></td> <td width="15%"><font size="1"><strong>FRI</strong></font></td> <td width="15%"><font size="1"><strong>SAT</strong></font></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s1" value=" 1 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s2" value=" 2 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s3" value=" 3 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s4" value=" 4 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s5" value=" 5 "></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s6" value=" 6 "></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s7" value=" 7 "></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s8" value=" 8 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s9" value=" 9 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s10" value="10"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s11" value="11"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s12" value="12"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s13" value="13"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s14" value="14"></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s15" value="15"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s16" value="16"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s17" value="17"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s18" value="18"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s19" value="19"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s20" value="20"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s21" value="21"></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s22" value="22"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s23" value="23"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s24" value="24"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s25" value="25"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s26" value="26"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s27" value="27"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s28" value="28"></td> </tr> <tr> <td align="center"><input type="button" name="s29" onclick="setDate(this.value);" value="29"></td> <td align="center"><input type="button" name="s30" onclick="setDate(this.value);" value="30"></td> <td align="center"><input type="button" name="s31" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s32" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s33" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s34" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s35" onclick="setDate(this.value);" value=" "></td> </tr> <tr> <td align="center"><input type="button" name="s36" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s37" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s38" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s39" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s40" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s41" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s42" onclick="setDate(this.value);" value=" "></td> </tr> </table> </form> <form> <table border=0 cellspacing=1 cellpadding=1> <tr> <td> <b>Selected:</b> </td> <td align=center> <input type=text size="12" name=dateField> </td> <tr> </table> </form> </td> </tr> </table> </BODY>