kalender jquery datepicker aanpassen

Status
Niet open voor verdere reacties.
K

Koenie

Gebruiker
Lid geworden
14 mei 2004
Berichten
312
Hoi,

ik wil de jquery datepicker op een website gaan gebruiken.
Ik loop echter nog tegen het volgende probleem op;

de weken in de kalender lopen van zondag t/m zaterdag en ik wil ze van maandag t/m zondag hebben.
Tussen het werk door ben ik al twee nachten aan het stoeien maar ik kom er niet uit.
Als ik namelijk de "dagen" van de kalender wijzig dan begint het jaar ineens op donderdag ipv woensdag.

Weet iemand hoe ik dit voor elkaar kan krijgen?

bvd.
Koenie
 
Dat is inderdaad de datepicker.
ik heb er een source code weggehaald bij de website van jquery.
(zie hieronder)

Het gaat om de datepicker met een date range.
Waar zet ik nu precies het stukje code waar jij het over hebt ?


[JS]

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Select a Date Range</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() { $( "#from" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 3, onClose: function( selectedDate ) { $( "#to" ).datepicker( "option", "minDate", selectedDate ); } });
$( "#to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 3, onClose: function( selectedDate ) { $( "#from" ).datepicker( "option", "maxDate", selectedDate ); } }); }); </script>
</head>
<body> <label for="from">From</label><input type="text" id="from" name="from"><label for="to">to</label><input type="text" id="to" name="to">
</body>
</html>
[/JS]


bvd
Koenie
 
Bij de initialisatie van je datepicker :)

[js]
$(function()
{
$( "#from" ).datepicker({
firstDay: 1,
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onClose: function( selectedDate )
{
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({
firstDay: 1,
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onClose: function( selectedDate )
{
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});[/js]
 
Hoi Tha Devil,

Dit was het inderdaad.
Hoe zo'n "simpele" oplossing toch uren zoeken kost voor leken :thumb:

Ik heb zelf ook nog even zitten spitten en heb gevonden hoe je de dagen in het NL krijgt bij het dateformat DD dd-mm-yy.
Ik kreeg hier eerst de engelse dagen te zien maar door de dayNames om te zetten naar Nederland is de boel nu klip en klaar en kan zo in een (reserverings) formulier verwerkt worden.

Bedankt voor je hulp.


Koenie.
(een leek op dit gebied:o)
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan