---
title: "Tidsskillnad i inputfält?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/61977-tidsskillnad-i-inputfält"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2002-12-12T13:29:26.000Z"
updated: "2002-12-13T20:28:47.000Z"
replies: 4
views: 271
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/61977-tidsskillnad-i-inputfält"
---

# Tidsskillnad i inputfält?

## #1 — Jesper T, 2002-12-12T13:29Z

Jag har fyra selectlister där två är fråntid och två är tilltid samt ett textfält för timmar och ett för minuter. Går det på något sätt få tidskillnaden i de undre textfälten när man sätter in från/till-tiden i selecten?

```
Fr&aring;n: 
<select name="ftidtim">
 <option>16</option>
 <option>17</option>
 <option>18</option>
 <option>19</option>
 <option>20</option>
</select>
<select name="ftidmin">
  <option>10</option>
  <option>20</option>
  <option>30</option>
  <option>40</option>
  <option>50</option>
</select>
Till: 
<select name="ttidtim">
 <option>16</option>
 <option>17</option>
 <option>18</option>
 <option>19</option>
 <option>20</option>
</select>
<select name="ttidmin">
 <option>10</option>
 <option>20</option>
 <option>30</option>
 <option>40</option>
 <option>50</option>
</select><br>
Tim: 
<input type="text" name="difftim" size="4">
Min: 
<input type="text" name="diffmin" size="4">
```

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

## #2 — Jojoxx, 2002-12-12T16:26Z

```
<script language="JavaScript" type="text/javascript">
function gnublekx(obj){
	var dif=new Date(2000,0,1,obj.ttidtim[obj.ttidtim.selectedIndex].text,obj.ttidmin[obj.ttidmin.selectedIndex].text).getTime()-new Date(2000,0,1,obj.ftidtim[obj.ftidtim.selectedIndex].text,obj.ftidmin[obj.ftidmin.selectedIndex].text).getTime();
	if(dif<0){ alert('Du... "Till" måste vara senare än "Från".'); return false; }
	obj.difftim.value=Math.floor(dif/3600000);
	obj.diffmin.value=Math.floor((dif-(Math.floor(dif/3600000)*3600000))/60000);
	
}
</script>

<form>
Från: 
<select name="ftidtim" onChange="gnublekx(this.form);">
 <option>16</option>
 <option>17</option>
 <option>18</option>
 <option>19</option>
 <option>20</option>
</select>
<select name="ftidmin" onChange="gnublekx(this.form);">
  <option>10</option>
  <option>20</option>
  <option>30</option>
  <option>40</option>
  <option>50</option>
</select>
Till: 
<select name="ttidtim" onChange="gnublekx(this.form);">
 <option>16</option>
 <option>17</option>
 <option>18</option>
 <option>19</option>
 <option>20</option>
</select>
<select name="ttidmin" onChange="gnublekx(this.form);">
 <option>10</option>
 <option>20</option>
 <option>30</option>
 <option>40</option>
 <option>50</option>
</select><br>
Tim: 
<input type="text" name="difftim" size="4" value="0">
Min: 
<input type="text" name="diffmin" size="4" value="0">
</form>
```

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

## #3 — Jesper T, 2002-12-13T08:23Z

Ha, ha. Du är en pärla!

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

## #4 — Jesper T, 2002-12-13T09:30Z

Ps. Om det skulle ligga en tidsskillnad som default, går det då att köra:
\<body onLoad="gnublekx(this.form);"\>
...nej det funkar inte ttidtim är null eller ...

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

## #5 — Jojoxx, 2002-12-13T20:28Z

När du använder **this** från ett formulärs-element syftar det på formulärsobjektet, från \<body\> syftar det antagligen på document eller window (har inte testat), du får alltså använda;

\<body onLoad="gnublekx(document.formulärsnamn);"\>

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/61977-tidsskillnad-i-inputfält
