zwei Datum von Herbert1204, 02.10.2010 07:03

zwei Datum

Herbert1204 02.10.2010 07:03

javascript

Hallo

Ich habe hier ein Script mit zwei Daten (oder Datums ?). Bei beiden ist das jeweilige Tagesdatum in einem Textfeld. Außerdem kann kein Datum aus der Vergangenheit aufgerufen werden. Soweit so gut.

Jetzt möchte ich, dass das zweite Datum immer gleich oder höher ist als das erste Datum. Das bedeutet, wenn das erste Datum ausgewählt ist, können beim zweiten Datum alle vorherigen Tage im Kalender nicht ausgewählt werden. Oder, wenn das zweite Datum ausgewählt ist, können beim ersten Datum nur jüngere Tage ausgewählt werden.

Ich hoffe ich habe mich verständlich ausgedrückt.

Kann mir jemand das Script nach meinen Wünschen ändern?

Im Voraus schon einmal Vielen Dank!!

// User Changeable Vars var HighlightToday = true; // use true or false to have the current day highlighted var DisablePast = true; // use true or false to allow past dates to be selectable // The month names in your native language can be substituted below var MonthNames = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");

// Global Vars var now = new Date(); var dest = null; var ny = now.getFullYear(); // Today's Date var nm = now.getMonth(); var nd = now.getDate(); var sy = 0; // currently Selected date var sm = 0; var sd = 0; var y = now.getFullYear(); // Working Date var m = now.getMonth(); var d = now.getDate(); var l = 0; var t = 0; var MonthLengths = new Array(31,28,31,30,31,30,31,31,30,31,30,31);

/* Function: GetDate(control)

Arguments: control = ID of destination control */ function GetDate() { EnsureCalendarExists(); DestroyCalendar(); // One arguments is required, the rest are optional // First arguments must be the ID of the destination control if(arguments[0] == null || arguments[0] == "") { // arguments not defined, so display error and quit alert("ERROR: Destination control required in funciton call GetDate()"); return; } else { // copy argument dest = arguments[0]; } y = now.getFullYear(); m = now.getMonth(); d = now.getDate(); sm = 0; sd = 0; sy = 0; var cdval = dest.value; if(/d{1,2}.d{1,2}.d{4}/.test(dest.value)) { // element contains a date, so set the shown date var vParts = cdval.split("/"); // assume dd/mm/yyyy sm = vParts[0] - 1; sd = vParts[1]; sy = vParts[2]; m=sm; d=sd; y=sy; }

// l = dest.offsetLeft; // + dest.offsetWidth; // t = dest.offsetTop - 125; // Calendar is displayed 125 pixels above the destination element // if(t<0) { t=0; } // or (somewhat) over top of it. ;)

/* Calendar is displayed 125 pixels above the destination element or (somewhat) over top of it. ;)*/ l = dest.offsetLeft + dest.offsetParent.offsetLeft + 330; t = dest.offsetTop + 0; if(t < 0) t = 0; // > DrawCalendar(); }

/* function DestoryCalendar()

Purpose: Destory any already drawn calendar so a new one can be drawn */ function DestroyCalendar() { var cal = document.getElementById("dpCalendar"); if(cal != null) { cal.innerHTML = null; cal.style.display = "none"; } return }

function DrawCalendar() { DestroyCalendar(); cal = document.getElementById("dpCalendar"); cal.style.left = l + "px"; cal.style.top = t + "px";

function PrevMonth() { m--; if(m==-1) { m = 11; y--; } DrawCalendar(); }

function NextMonth() { m++; if(m==12) { m = 0; y++; } DrawCalendar(); }

function ReturnDay(day) { cDest = document.getElementById(dest); dest.value = day+". "+MonthNames[m]+" "+y;

DestroyCalendar(); }

function EnsureCalendarExists() { if(document.getElementById("dpCalendar") == null) { var eCalendar = document.createElement("div"); eCalendar.setAttribute("id", "dpCalendar"); document.body.appendChild(eCalendar); } }

function isLeapYear(dTest) { var y = dTest.getYear(); var bReturn = false;

if(y % 4 == 0) { if(y % 100 != 0) { bReturn = true; } else { if (y % 400 == 0) { bReturn = true; } } }

return bReturn; }

</script>

/* The containing DIV element for the Calendar / #dpCalendar { display: none; / Important, do not change / position: absolute / Important, do not change / background-color: #cccccc; color: #000000; font-size: xx-small; font-family: Corbel, Geneva, Arial, Helvetica, sans-serif; width: 150px; } / The table of the Calendar / #dpCalendar table { border: 1px solid white; background-color: #eeeeee; color: #000000; font-size: x-small; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; width: 100%; } / The Next/Previous buttons / #dpCalendar .cellButton { background-color: #cccccc; color: black; } / The Month/Year title cell / #dpCalendar .cellMonth { background-color: #cccccc; color: #000000; text-align: center; } / Any regular day of the month cell / #dpCalendar .cellDay { background-color: #cccccc; color: #000000; text-align: center; } / The day of the month cell that is selected / #dpCalendar .cellSelected { border: 1px solid red; background-color: #cccccc; color: #cccccc; text-align: center; } / The day of the month cell that is Today / #dpCalendar .cellToday { background-color: #ffffff; color: #666666; text-align: center; } / Any cell in a month that is unused (ie: Not a Day in that month) / #dpCalendar .unused { background-color: #cccccc; color: green; } / The cancel button / #dpCalendar .cellCancel { background-color: #cccccc; color: black; border: 1px solid #000000; text-align: center; } / The clickable text inside the calendar */ #dpCalendar a { text-decoration: none; background-color: cccccc; color: #000000; } </style>

function mail( form ) { return true; } </script>

</head>

</td> <td width="75">

</td> </tr> </table>

</form>

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Herbert1204: zwei Datum

Beitrag lesen

zwei Datum

zwei Datum