---
title: "Datum, månad och tid automatiskt i lista?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/83547-datum-månad-och-tid-automatiskt-i-lista"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "bigsky"
published: "2003-08-06T02:12:38.000Z"
updated: "2003-08-09T03:44:21.000Z"
replies: 17
views: 310
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/83547-datum-månad-och-tid-automatiskt-i-lista"
---

# Datum, månad och tid automatiskt i lista?

## #1 — bigsky, 2003-08-06T02:12Z

När sidan med formuläret laddas vill jag att dagens datum, månad och aktuell tid (för surfarens system) ska vara förvalda i respektive lista. Hur gör man det?

Permalänk: https://www.webforum.nu/p/83547

## #2 — Cheguelin, 2003-08-06T09:59Z

Hur ska datumet vara formaterat?

Permalänk: https://www.webforum.nu/p/1130433

## #3 — bigsky, 2003-08-06T16:02Z

Dagarna ska stå som siffror med en nolla innan om talet är mindre än 9, samma med månaderna. Tiden ska vara i formatet 1300, 1400 osv.

Permalänk: https://www.webforum.nu/p/1130684

## #4 — Jojoxx, 2003-08-06T18:07Z

Ungefär så här kanske

```
<form name="myform">
Datum
<select name="datum">
<script type="text/javascript">for(var n=1;n<32;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Månad
<select name="manad" onChange="rebuildManad(this.form);">
<script type="text/javascript">for(var n=1;n<13;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Tid
<select name="tid">
<script type="text/javascript">for(var n=0;n<24;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"00\">"+((n>9)?n:"0"+n)+"00</option>");  }</script>
</select>
</form>
<script type="text/javascript">
function rebuildManad(obj){
	var d=new Date(); d=new Date(d.getFullYear(),obj.manad.selectedIndex+1,0).getDate();
	obj.datum.length=d;
	for(var n=0;n<d;n++){
		obj.datum[n].value=obj.datum[n].text=(n<9)?"0"+(n+1):n+1;
	}
}
document.forms['myform'].elements['datum'].selectedIndex=new Date().getDate()-1;
document.forms['myform'].elements['manad'].selectedIndex=new Date().getMonth();
document.forms['myform'].elements['tid'].selectedIndex=new Date().getHours();
rebuildManad(document.forms['myform']);
</script>
```

Permalänk: https://www.webforum.nu/p/1130740

## #5 — bigsky, 2003-08-06T18:24Z

Ja, varför inte? :) Även om inte alla options skrivs ut (när man tittar i källkoden från webbläsaren) antar jag att det valda värdet går att skicka vidare till en annan sida.

Sen undrar jag över en annan sak. Varför skrivs följande ut (när man tittar i källkoden från webbläsaren) och vad betyder det?

```
<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>
```

Permalänk: https://www.webforum.nu/p/1130751

## #6 — Jojoxx, 2003-08-06T18:35Z

> **bigsky skrev:**
>
> Ja, varför inte?  Även om inte alla options skrivs ut (när man tittar i källkoden från webbläsaren) antar jag att det valda värdet går att skicka vidare till en annan sida.

Javisst :)

> **bigsky skrev:**
>
> Varför skrivs följande ut ...

Gör det...? Det är inte någonting som ditt webhotell automatiskt lägger till?

Permalänk: https://www.webforum.nu/p/1130755

## #7 — bigsky, 2003-08-06T18:43Z

Nej, det skrivs ut om jag kör det lokalt.

Permalänk: https://www.webforum.nu/p/1130760

## #8 — Jojoxx, 2003-08-06T18:51Z

Du har möjligen inte Norton Internet Security installerat?

Permalänk: https://www.webforum.nu/p/1130761

## #9 — bigsky, 2003-08-06T18:58Z

Jo

Permalänk: https://www.webforum.nu/p/1130763

## #10 — Jojoxx, 2003-08-06T19:10Z

Där har du boven :) Det är NIS som lägger till det för att förhindra att felmeddelanden visas. Hur man kommit fram till att detta skall göra tillvaron säkrare för surfare är däremot ett mysterium.

Permalänk: https://www.webforum.nu/p/1130766

## #11 — bigsky, 2003-08-07T23:29Z

Ok, då spinner vi vidare. Om man har två uppsättningar med datum, månad och tid i varje. Och väljer tex. den 8:e som datum i första uppsättningen, då vill jag att datumet i listen i andra uppsättningen ska ändras till en dag efter valt datum, i detta fall den 9:e. Hur?

Permalänk: https://www.webforum.nu/p/1131577

## #12 — Jojoxx, 2003-08-08T06:01Z

```
<form name="myform">
Datum
<select name="datum" onChange="update2(this.form);">
<script type="text/javascript">for(var n=1;n<32;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Månad
<select name="manad" onChange="rebuildManad(this,this.form.datum); update2(this.form);">
<script type="text/javascript">for(var n=1;n<13;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Tid
<select name="tid" onChange="update2(this.form);">
<script type="text/javascript">for(var n=0;n<24;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"00\">"+((n>9)?n:"0"+n)+"00</option>");  }</script>
</select>
<br/>
Datum
<select name="datum2">
<script type="text/javascript">for(var n=1;n<32;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Månad
<select name="manad2" onChange="rebuildManad(this,this.form.datum2);">
<script type="text/javascript">for(var n=1;n<13;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Tid
<select name="tid2">
<script type="text/javascript">for(var n=0;n<24;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"00\">"+((n>9)?n:"0"+n)+"00</option>");  }</script>
</select>

</form>
<script type="text/javascript">
function rebuildManad(mobj,dobj){
	var d=new Date(new Date().getFullYear(),mobj.selectedIndex+1,0).getDate();
	dobj.length=d;
	for(var n=0;n<d;n++){
		dobj[n].value=dobj[n].text=(n<9)?"0"+(n+1):n+1;
	}
}
function update2(obj){
	var d=new Date(new Date().getFullYear(),obj.elements['manad'].selectedIndex,obj.elements['datum'].selectedIndex+2);
	obj.elements['datum2'].length=d.getDate();
	for(var n=0;n<d.getDate();n++){
		obj.elements['datum2'][n].value=obj.elements['datum2'][n].text=(n<9)?"0"+(n+1):n+1;
	}
	obj.elements['datum2'].selectedIndex=d.getDate()-1;
	obj.elements['manad2'].selectedIndex=d.getMonth();
	obj.elements['tid2'].selectedIndex=obj.elements['tid'].selectedIndex;
}
window.onload=function(){
	document.forms['myform'].elements['datum'].selectedIndex=new Date().getDate()-1;
	document.forms['myform'].elements['manad'].selectedIndex=new Date().getMonth();
	document.forms['myform'].elements['tid'].selectedIndex=new Date().getHours();
	rebuildManad(document.forms['myform'].elements['manad'],document.forms['myform'].elements['datum']);
	update2(document.forms['myform']);
}
</script>
```

Permalänk: https://www.webforum.nu/p/1131604

## #13 — bigsky, 2003-08-08T17:03Z

Jo, det glömde jag. Väljer man tex. månad 10 i första månads-listen ska även värdet i den andra månads-listen flyttas fram till samma månad.

Permalänk: https://www.webforum.nu/p/1131945

## #14 — Jojoxx, 2003-08-08T17:33Z

Umm.... det gör den. (sköts av onchange-eventet och funktionen update2() )

Permalänk: https://www.webforum.nu/p/1131967

## #15 — bigsky, 2003-08-08T17:52Z

Ah det gör den ju. Hade kvar en bit av den första koden du postade på en annan sida...
Men när man laddar sidan går datumet i andra listen bara till ett mer än datumet i den första listen. Alla datum i den valda månaden får gärna synas vid laddning av sidan.

Också, om man väljer ett datum i andra uppsättningen som är tidigare än dagens datum, ska månaden i andra uppsättningen hoppa fram till nästa månad.

Permalänk: https://www.webforum.nu/p/1131984

## #16 — Jojoxx, 2003-08-08T18:04Z

Ursäkta, en liten bug :)

```
<form name="myform">
Datum
<select name="datum" onChange="update2(this.form);">
<script type="text/javascript">for(var n=1;n<32;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Månad
<select name="manad" onChange="rebuildManad(this,this.form.datum); update2(this.form);">
<script type="text/javascript">for(var n=1;n<13;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Tid
<select name="tid" onChange="update2(this.form);">
<script type="text/javascript">for(var n=0;n<24;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"00\">"+((n>9)?n:"0"+n)+"00</option>");  }</script>
</select>
<br/>
Datum
<select name="datum2">
<script type="text/javascript">for(var n=1;n<32;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Månad
<select name="manad2" onChange="rebuildManad(this,this.form.datum2);">
<script type="text/javascript">for(var n=1;n<13;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"\">"+((n>9)?n:"0"+n)+"</option>");  }</script>
</select>
Tid
<select name="tid2">
<script type="text/javascript">for(var n=0;n<24;n++){ document.write("<option value=\""+((n>9)?n:"0"+n)+"00\">"+((n>9)?n:"0"+n)+"00</option>");  }</script>
</select>

</form>
<script type="text/javascript">
function rebuildManad(mobj,dobj){
	var d=new Date(new Date().getFullYear(),mobj.selectedIndex+1,0).getDate();
	dobj.length=d;
	for(var n=0;n<d;n++){
		dobj[n].value=dobj[n].text=(n<9)?"0"+(n+1):n+1;
	}
}
function update2(obj){
	var d=new Date(new Date().getFullYear(),obj.elements['manad'].selectedIndex,obj.elements['datum'].selectedIndex+2);
	obj.elements['datum2'].length=new Date(d.getFullYear(),d.getMonth()+1,0).getDate();
	for(var n=0;n<new Date(d.getFullYear(),d.getMonth()+1,0).getDate();n++){
		obj.elements['datum2'][n].value=obj.elements['datum2'][n].text=(n<9)?"0"+(n+1):n+1;
	}
	obj.elements['datum2'].selectedIndex=d.getDate()-1;
	obj.elements['manad2'].selectedIndex=d.getMonth();
	obj.elements['tid2'].selectedIndex=obj.elements['tid'].selectedIndex;
}
window.onload=function(){
	document.forms['myform'].elements['datum'].selectedIndex=new Date().getDate()-1;
	document.forms['myform'].elements['manad'].selectedIndex=new Date().getMonth();
	document.forms['myform'].elements['tid'].selectedIndex=new Date().getHours();
	rebuildManad(document.forms['myform'].elements['manad'],document.forms['myform'].elements['datum']);
	update2(document.forms['myform']);
}
</script>
```

... med reservation, det är trots allt fredagkväll... :D

Permalänk: https://www.webforum.nu/p/1131993

## #17 — bigsky, 2003-08-08T18:32Z

Javisst, ingen fara. Jag e mycket tacksam för all hjälp. Själv ska man snart iväg för att jobba hela natten...

Permalänk: https://www.webforum.nu/p/1132018

## #18 — bigsky, 2003-08-09T03:44Z

Tack för hjälpen. Jag är mycket nöjd.

Permalänk: https://www.webforum.nu/p/1132217

---

Tråden på webben: https://www.webforum.nu/amne/javascript/83547-datum-månad-och-tid-automatiskt-i-lista