Uit een eerdere vraag kreeg ik het advies om datepicker te gebruiken.
Nu heb ik 2 invoervelden met beide een knopje er naast om de kalender te openen.
Eigenlijk wil ik i.p.v. de invoervelden een kei harde tekst. (de datums)
Wie kan mij helpen?
De code staat hier onder.
Alvast bedankt.
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">
$( function() {
var dateFormat = "mm/dd/yy",
from = $( "#from" ).datepicker({
defaultDate: getDate( this ),
maxDate: new Date('<?php echo substr($dagb_datum1, 6,4)."-".substr($dagb_datum1, 3,2)."-".substr($dagb_datum1,0,2); ?>'),
numberOfMonths: 1,
showButtonPanel: false,
showOtherMonths: true,
selectOtherMonths: false,
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "images/kalender.png",
buttonImageOnly: true,
buttonText: "Selecteer van datum",
showWeek: true,
firstDay: 1
}),
to = $( "#to" ).datepicker({
defaultDate: getDate( this ),
minDate: new Date('<?php echo substr($dagb_datum2, 6,4)."/".substr($dagb_datum2, 3,2)."/".substr($dagb_datum2,0,2); ?>'),
numberOfMonths: 1,
showButtonPanel: false,
showOtherMonths: true,
selectOtherMonths: false,
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "images/kalender.png",
buttonImageOnly: true,
buttonText: "Selecteer t/m datum",
showWeek: true,
firstDay: 1
});
function getDate( element ) {
var date;
try {
date = $.datepicker.parseDate( dateFormat, element.value );
} catch( error ) {
date = null;
}
return date;
}
});
</script>
<div class="pf">Periode van: <label for="from"></label>
<input type="text" id="from" name="dagb_datum1" tabindex="1" size="16" value=<?php echo $dagb_datum1; ?>> t/m <label for="to"></label>
<input type="text" id="to" name="dagb_datum2" tabindex="2" size="16" value=<?php echo $dagb_datum2; ?>>
</div>