Multi-Kalender

Dieser Kalender bietet ausser der Darstellung eines Kalenderblattes noch die Möglichkeit die Differenz zwischen 2 verschiedenen Tagesdaten zu ermitteln.
Das Ergebnis wird dann in Tagen dargestellt.

Hier gehts zur Demo

Dieses Script läuft auf folgenden Browsern:
	Internet Explorer
	Mozilla Firefox
getestet jeweils mit der aktuellen Version

HTML-Einbindung
   <script language="Javascript">    function MNDate() { var km = document.CalForm.month.selectedIndex - 1; if (km < 0 ) { km = km + 12; document.CalForm.year.value--; } document.CalForm.month.selectedIndex = km; NDate(); } function MPDate() { var km = document.CalForm.month.selectedIndex + 1; if (km > 11) { km = km - 12; document.CalForm.year.value++; } document.CalForm.month.selectedIndex = km; NDate(); } function SToday() { document.CalForm.month.selectedIndex = (new Date()).getMonth(); document.CalForm.year.value = (new Date()).getFullYear(); NDate(); } function NDate() { var month = document.CalForm.month.selectedIndex; var year = document.CalForm.year.value; var MSDay = (new Date(year, month, 1)).getDay(); var days = 31; if (month == 3 || month == 5 || month == 8 || month == 10) days=30; if (month == 1) { if (((year % 4)==0) && ((year % 100)!=0) || ((year % 400)==0)) {days = 29;} else { days = 28; } } var ki= 1; var ke = MSDay + days; for (i = 0; i < 42; i++) { eval("document.getElementById('nn" + i + "').innerHTML = ' '"); } for (i = MSDay ; i < ke; i++) { eval("document.getElementById('nn" + i + "').innerHTML = " + ki); ki++; } eval("document.getElementById('H1').innerHTML = '<b>" + document.CalForm.month.options[month].text + ", " + year + "</b>'" ); } </script> <script language="JavaScript">    function SNow(I) { eval("document.DifForm.month" + I + ".selectedIndex = (new Date()).getMonth()"); eval("document.DifForm.year" + I + ".value = (new Date()).getFullYear()"); eval("document.DifForm.day" + I + ".value = (new Date()).getDate()"); } function DiffDate () { var fday = new Date(document.DifForm.year1.value,document.DifForm.month1.selectedIndex,document.DifForm.day1.value); var eday = new Date(document.DifForm.year2.value,document.DifForm.month2.selectedIndex,document.DifForm.day2.value); var Totday = Math.ceil((eday.getTime()-fday.getTime())/(1000*60*60*24)); eval("document.DifForm.Res.value = 'Das sind " + Totday + " Tage Differenz.'"); } </script> <script language="JavaScript">    var today = new Date(); var endofyear = new Date(today.getFullYear()-1, 11, 31); var Tday = Math.ceil((today.getTime()-endofyear.getTime())/(1000*60*60*24)) - 1; var W1day = Tday; if( endofyear.getDay() <6) W1day += endofyear.getDay() + 1; Week = Math.ceil((W1day)/7); document.write("<font size=3 color=#2020a0><b>Heute ist " + today.toLocaleString() + " - Tag " + Tday); document.write(" - Kalenderwoche " + Week + "</b></font>"); </script> <form name="CalForm"> <input type="button" style="color: WHITE; background-color: #000088; font-weight: bold" name="MN" value="<<" onclick="MNDate()"> <select name="month" style="color: #000088; font-weight: bold"> <option>Januar <option>Februar <option>März <option>April <option>Mai <option>Juni <option>Juli <option>August <option>September <option>Oktober <option>November <option>Dezember </select> <input type="button" style="color: WHITE; background-color: #000088; font-weight: bold" name="MP" value=">>" onclick="MPDate()"> <input type="button" style="color: WHITE; background-color: #000088; font-weight: bold" name="YN" value="<<" onclick="document.CalForm.year.value--;NDate()"> <input name="year" size="4" maxlength="4" style="color: #000088; font-weight: bold"> <input type="button" style="color: WHITE; background-color: #000088; font-weight: bold" name="YP" value=">>" onclick="document.CalForm.year.value++;NDate()"> <br> <input type="button" style="color: WHITE; background-color: #000088; font-weight: bold" name="new" value="Datum einstellen" onclick="NDate()"> <input type="button" style="color: WHITE; background-color: #000088; font-weight: bold" name="old" value="Heute" onclick="SToday()"> </form> <table border="5" bgcolor="#8080ff"> <tr> <td> <table border="2" bgcolor="#DDEEFF"> <tr> <td align="center" id="H1" bgcolor="white">df</td> </tr> <tr> <td> <table border="0" bgcolor="#DDEEFF" style="font-family: Arial; font-weight: bold; color: #101040" cellspacing="6" cellpadding="0"> <tr align="right"> <td><font size="4" color="#ff0000">So</font></td> <td><font size="4" color="#ff0000">Mo</font></td> <td><font size="4" color="#ff0000">Di</font></td> <td><font size="4" color="#ff0000">Mi</font></td> <td><font size="4" color="#ff0000">Do</font></td> <td><font size="4" color="#ff0000">Fr</font></td> <td><font size="4" color="#ff0000">Sa</font></td> </tr> <script language="Javascript"> for (k = 0; k < 42; k = k + 7) { document.write("<tr align=right>"); for (i = k; i < k + 7; i++) { document.write("<td id='nn" + i + "'> </td>"); } document.write("</tr>"); } </script> </table> </tr> </table> </td> </tr> </table> <script language="Javascript"> SToday(); </script> <form name="DifForm"> <input type="button" style="color: WHITE; background-color: #000088; font-weight: bold" name="FN" value="Heute" onclick="SNow(1)"> <select name="month1" style="color: #000088; font-weight: bold"> <option>Januar <option>Februar <option>März <option>April <option>Mai <option>Juni <option>Juli <option>August <option>September <option>Oktober <option>November <option>Dezember </select> <input name="day1" size="2" maxlength="2" style="color: #000088; font-weight: bold"> <input name="year1" size="4" maxlength="4" style="color: #000088; font-weight: bold"><font size="+1"> <br> - bis - <br> </font><input type="button" style="color: WHITE; background-color: #000088; font-weight: bold" name="FN2" value="Heute" onclick="SNow(2)"> <select name="month2" style="color: #000088; font-weight: bold"> <option>Januar <option>Februar <option>März <option>April <option>Mai <option>Juni <option>Juli <option>August <option>September <option>Oktober <option>November <option>Dezember </select> <input name="day2" size="2" maxlength="2" style="color: #000088; font-weight: bold"> <input name="year2" size="4" maxlength="4" style="color: #000088; font-weight: bold"><br> <br> <input type="button" style="color: WHITE; background-color: #000088; font-weight: bold" name="new1" value="Differenz" onclick="DiffDate()"> <input type="text" name="Res" size="30"> <input type="button" value="löschen" onclick="SNow(1);SNow(2);document.DifForm.Res.value='';" style="color: WHITE; background-color: #000088; font-weight: bold" value="löschen"> </form> <script language="Javascript"> SNow(1); SNow(2); </script>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"