---
title: "Problem med datepicker"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/184980-problem-med-datepicker"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "AG"
published: "2010-10-20T14:31:01.000Z"
updated: "2010-10-20T14:31:01.000Z"
replies: 0
views: 434
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/184980-problem-med-datepicker"
---

# Problem med datepicker

## #1 — AG, 2010-10-20T14:31Z

Jag har problem med datepicker och automatiska värden.
Jag har följande fält:
Startdatum (datepicker)
Starttid (select-box)
Slutdatum (datepicker)
Sluttid (select-box)
Lön (input text)

När en användare väljer ett startdatum läggs automatiskt en bastid på, i detta fallet 8 timmar. Slutdatum och sluttid uppdateras då.
Lön skall sedan uppdateras i loncalc.php men enkelt förklaras kan sägas att det blir 8x100kr.
Problemet är dock att Lön inte uppdateras. Utan det kräver ytterligare en ändring i något formulär för att fungera, tex ändring av tid.

Datum uppdateras som det ska. Men inte Lön.

Tack!

Andreas

```
	<script type="text/javascript">
	$(function() {
		$.datepicker.setDefaults($.datepicker.regional['']);
		$("#startdatum").datepicker($.datepicker.regional['sv']);
		$("#locale").change(function() {
			$('#startdatum').datepicker('option', $.datepicker.regional[$(this).val()]);
		});
	});
		$(function() {
		$.datepicker.setDefaults($.datepicker.regional['']);
		$("#slutdatum").datepicker($.datepicker.regional['sv']);
		$("#locale").change(function() {
			$('#slutdatum').datepicker('option', $.datepicker.regional[$(this).val()]);
		});
	});
	</script>

	<script type="text/javascript">
	$(function() {
	$('#std, #pid, #startdatum, #starttid, #slutdatum, #sluttid').change(function() {
				$('#loncalc').load('ajax/loncalc.php', {
				pid: $('#pid').val(), startdatum: $('#startdatum').val(), starttid: $('#starttid').val(), slutdatum: $('#slutdatum').val(), sluttid: $('#sluttid').val()
			});
			$('#datumcalc').load('ajax/datumcalc.php', {
				bid: $('#bid').val(), startdatum: $('#startdatum').val(), starttid: $('#starttid').val() 
			});
	});
	});
	</script>

<input class="text_medium" type="text" name="startdatum" value="" id="startdatum" />

<select class="small" name="starttid" id="starttid"><option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>

<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>

<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>

<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>

<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>

<option value="21:00" selected>21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>

<div id="datumcalc"><input class="text_medium" type="text" name="slutdatum" value="" id="slutdatum" /></div>

<select class="small" name="sluttid" id="sluttid"><option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00" selected>03:00</option>
<option value="03:30">03:30</option>

<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>

<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>

<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>

<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>

<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>

<div id="loncalc"><input class="text_small" type="text" name="lon" value="" /></div>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/184980-problem-med-datepicker