---
title: "Plussa på månader på datum i formulär"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/179255-plussa-på-månader-på-datum-i-formulär"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Bjarne A"
published: "2009-07-03T23:43:50.000Z"
updated: "2009-07-04T09:37:49.000Z"
replies: 2
views: 446
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/179255-plussa-på-månader-på-datum-i-formulär"
---

# Plussa på månader på datum i formulär

## #1 — Bjarne A, 2009-07-03T23:43Z

Hej!

Jag har sökt här i scriptarkivet, googlat, klippt och klistrat... men nu ger jag upp

Jag skulle vilja lägga på ett antal månader till dagens datum med en dropdown ruta i ett formulär, så man får välja sluttid för det nyhetsinlägget

Kan det funka med Javascript och någon onchange funktion på dropdownen

```
<FORM NAME="nyheter">

<INPUT NAME="inskrivningsdatum" TYPE="hidden" value="<%=date%>"> 
Inskrivet: <%=date%> + antal månader
<select>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option selected>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
  <option>11</option>
  <option>12</option>
</select>
Här visas slutdatum med javaskriptets hjälp<BR>

<INPUT NAME="inskrivningsdatum" TYPE="hidden" value="Här fixar javascriptet in slutdatum i formen yyyy-mm-dd" >
<BR>
Rubrik:
<BR>
<input name="rubrik" type="text">
<BR>
Meddelande: <BR>
<textarea name="meddelande" cols="40" rows="6"></textarea>
<BR>
<INPUT VALUE="Skicka in" TYPE="button">
```

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

## #2 — Peter S, 2009-07-04T06:27Z

Hej!

```
<script type="text/javascript">
function addMonths(sel){
  var elms = document.forms["nyheter"].elements;
  var dateSpan = document.getElementById("dateSpan");
  var beginDate = elms["inskrivningsdatum"].value;
  var monthsToAdd = sel.options[sel.selectedIndex].text;
  beginDate = new Date(/^\d+/.exec(beginDate), parseInt(/-(\d+)-/.exec(beginDate)[1], 10) - 1, /\d+$/.exec(beginDate));
  var endDate = new Date(beginDate.getFullYear(), beginDate.getMonth() + 1 * monthsToAdd, beginDate.getDate());
  elms["inskrivningsdatum2"].value = endDate.getFullYear() + "-" + pad(endDate.getMonth() + 1) + "-" + pad(endDate.getDate());
  dateSpan.innerHTML = elms["inskrivningsdatum2"].value;
}

function pad(n){
  if (n < 10) return "0" + n;
  return n;
}
</script>

<body>

<FORM NAME="nyheter">

<INPUT NAME="inskrivningsdatum" TYPE="hidden" value="2009-07-04"> 
Inskrivet: 2009-07-04 + antal månader
<select name="months" onchange="addMonths(this)">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option selected>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
  <option>11</option>
  <option>12</option>
</select>
Här visas slutdatum med javaskriptets hjälp: <span id="dateSpan"></span><BR>

<INPUT NAME="inskrivningsdatum2" TYPE="hidden" value="Här fixar javascriptet in slutdatum i formen yyyy-mm-dd" >
<BR>
Rubrik:
<BR>
<input name="rubrik" type="text">
<BR>
Meddelande: <BR>
<textarea name="meddelande" cols="40" rows="6"></textarea>
<BR>
<INPUT VALUE="Skicka in" TYPE="button">

</form>

<script type="text/javascript">addMonths(document.forms["nyheter"].elements["months"]);</script>

</body>
```

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

## #3 — Bjarne A, 2009-07-04T09:37Z

Strålande :birp
Funkade jättebra
Jag la in datumet i ett dolt fält
(alldeles själv  ;))

```
<INPUT NAME="inskrivningsdatum2" TYPE="hidden" value= dateSpan >
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/179255-plussa-på-månader-på-datum-i-formulär
