diedVIPs

html knowhow

Datum zeigt den dazugehörigen Wochentag








 script © 2013 by webdesign weisshart



Datum zeigt den dazugehörigen Wochentag

So sieht´s aus

Wähle ein Datum:
Tag: Monat: Jahr:

Datum und der Name des Tages.




Quellcode
<html>

<head>
<style type="text/css">
form {margin-left: 60%; background-color:lightyellow; position:relative; left:-400px; border:3px solid yellow}
label {width: 40px; display: Inline-Block;}
select {width: 80px;}
input[type=text] {width: 40px;}
textarea {width: 440px; height: 150px;}
button {padding: 10px; margin: 10px;}
</style>
</head>

<body >
<script type="text/javascript">
var month = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
var weekday = new Array("Sonday", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
var startyear = "1945"; // first year in select list
var endyear = "2040"; // last year in select list
function getWeekDay() {
var month = document.daydate.smonths.options[document.daydate.smonths.selectedIndex].value;
var day = document.daydate.sdays.options[document.daydate.sdays.selectedIndex].value;
var year = document.daydate.birthyear.options[document.daydate.birthyear.selectedIndex].value;
var obdate = new Date(year,month,day); // object for selected date
var nday = obdate.getDay(); // the number of the day in the week
document.getElementById('gweekday').innerHTML = 'Das Tagsdatum ist: <b>'+day+'.'+(month*1 +1)+'.'+year+'</b><br/> und der Wochentag ist: <b>'+ weekday[nday]+'</b>';}
</script>
<form name="daydate" action="" method="post" >
<div align="center">
<table style="width:100%; text-align:center; background:lightyellow; padding:10px;">
<tr><td colspan="3" style="font-size:1.5em;">Wähle ein Datum:<br/></td></tr>
<tr><td>Tag: <select name="sdays" size="1">
<script type="text/javascript">
for(var j=1;j<32;j++)
document.write("<option value="+j+">"+j+"</option>");
</script></select></td>
<td>Monat: <select name="smonths" size="1">
<script type="text/javascript">
for(var i=0;i<month.length;i++)
document.write("<option value="+i+">"+month[i]+"</option>");
</script></select></td>
<td>Jahr: <select name="birthyear" size="1">
<script type="text/javascript">
for(var k=startyear;k<endyear;k++)
document.write("<option value="+k+">"+k+"</option>");
</script></select></td></tr>
</table></div>
<div><br/>
<div id="gweekday">Datum und der Name des Tages.</div><br><input value="Zeigen" onclick="getWeekDay()" type="button"></div><br>
</form>
</body>

</html>







Kontakt    Datenschutz   Impressum