Start- und Enddatum

Dieses Script eignet sich für die Formularsteuerung,
bei dem nur ein bestimmtes Datum eingegeben werden kann.

Startdatum:
Enddatum:

Als Startdatum kann der aktuelle Tag eingestellt werden. Ein älteres Datum
auszuwählen ist nicht möglich. Das Enddatum kann ebenfalls eingestellt und auf
eine bestimmte Anzahl eingegrenzt werden. Hier sind es z.B. 30 Tage.

HTML-Einbindung
  <style> .selecter, table{ font-size:10px; font-family:verdana; } </style> <script language="JavaScript"> var months = new Array("Januar","Februar","Maerz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"); var begin_year = 2000 var year_count = 100 var begin_today = true // true = the start day must be bigger than the day of today var min_days = 5 // the mimum days between the start day and enddate var max_days = 30 // the maximum days between the start day and enddate //Set this value on (max_days = false) for unlimited days var set_on_today = true // set the startday on today var end_start = 8 // only importent when you set the set_on_day on true, the value of the end date is the date of today + end_start var bday,bmon,byear,eday,emon,eyear var todayd = new Date() function init(form) { bday = form.bday; bmon = form.bmon; byear = form.byear; eday = form.eday; emon = form.emon; eyear = form.eyear; if(set_on_today == true) { bday.options[(todayd.getDate()-1)].selected = true; bmon.options[todayd.getMonth()].selected = true; byear.options[(todayd.getFullYear() - begin_year)].selected = true; milli = -(0 - todayd) + (1000606024end_start) var todayde = new Date(milli) eday.options[(todayde.getDate()-1)].selected = true; emon.options[todayde.getMonth()].selected = true; eyear.options[(todayde.getFullYear() - begin_year)].selected = true; } } function value_date(cday,cmon,cyear) { tempdate = new Date(cyear.value,cmon.value,cday.value) if((cday.value == tempdate.getDate()) && (cmon.value == tempdate.getMonth()) && (cyear.value == tempdate.getFullYear())) return true return false } function check() { if(!value_date(bday,bmon,byear)) { alert("Das Startdatum ist ungültig!\nBitte korrigieren."); return false } if(!value_date(eday,emon,eyear)) { alert("Das Enddatum ist ungültig!\nBitte korrigieren."); return false } if(begin_today == true) { var tempdate = new Date(byear.value,bmon.value,bday.value); var tempdatet = new Date(todayd.getFullYear(),todayd.getMonth(),todayd.getDate()); if(tempdatet > tempdate) { alert("Das Startdatum muss größer sein, als das heutige Datum!"); return false } } var tempdatee = new Date(eyear.value,emon.value,eday.value); if(tempdate > tempdatee) { alert("Das Enddatum muss größer sein als das Startdatum!"); return false } one_day = 10002460*60 days_between = (tempdatee - tempdate)/one_day if(days_between < min_days) { alert("Das Minimum sind "+ min_days + " Tage!"); return false } if(max_days != false) { if(days_between > max_days) { alert("Das Maximum ist "+ max_days + " Tage!"); return false }} } </script>  <form name="frm_date" onsubmit="return check(this)"> <center> <table width="219"> <tr> <td width="106"> <b>Startdatum:</b></td> <td width="33"> <select name="bday" size="1" class="selecter"> <script language="JavaScript"> for(i=1;i<=31;i++) document.write("<option value="+ i + ">"+ i); </script> </select> </td> <td width="31"> <select name="bmon" size="1" class="selecter"> <script language="JavaScript"> for(i=0;i<12;i++) document.write("<option value="+ i + ">"+ months[i]); </script> </select> </td> <td width="31"> <select name="byear" size="1" class="selecter"> <script language="JavaScript"> for(i=0;i<year_count;i++) document.write("<option value="+ (i+begin_year) + ">"+ (i+begin_year)); </script> </select> </td> </tr> <tr> <td width="106"> <b>Enddatum:</b></td> <td width="33"> <select name="eday" size="1" class="selecter"> <script language="JavaScript"> for(i=1;i<=31;i++) document.write("<option value="+ i + ">"+ i); </script> </select> </td> <td width="31"> <select name="emon" size="1" class="selecter"> <script language="JavaScript"> for(i=0;i<12;i++) document.write("<option value="+ i + ">"+ months[i]); </script> </select> </td> <td width="31"> <select name="eyear" size="1" class="selecter"> <script language="JavaScript"> for(i=0;i<year_count;i++) document.write("<option value="+ (i+begin_year) + ">"+ (i+begin_year)); init(document.frm_date) </script> </select> </td> </tr> </table> <hr width="150" style="color: darkblue"> <p><input type="reset" value="Reset" class="selecter"> <input type="submit" value="Submit" class="selecter"> </p> </center> </form>

Dieses Script per eMail? , einfach Deine eMail-Adresse eintragen und Sekunden später liegt es in Deinem Postfach.

Newsletter schon abonniert?
Wenn nicht, bitte "Haken" setzen