[js/jquery] Datumpikker gebruiken icm. combobox

[alienfruit]

Ik probeer om de jQuery-UI datumpikker te gebruiken in combinatie met een drie comboboxes (dag, maand en jaar). Alleen ik krijg het niet voor elkaar om het te gebruiken. Als ik namelijk de datepicker wil weergeven nadat er op een knop is gedrukt. Krijg ik een foutmelding omdat het een input $('input', input) verwacht in de code.

JavaScript:

$('#knopje').datepicker();
$('#knopje').click(function(){
  $(this).datepicker( "show" );
});

Iemand enig idee hoe ik de datumpikker kan gebruiken zonder dat ik een invulveld nodig heb? Ik wil namelijk gewoon drie comboboxes gebruiken. Iemand ervaring?

[Bosmonster]

Volgens mij kan dat alleen middels de dialog-method.

http://jqueryui.com/demos/datepicker/#method-dialog

Eventueel kun je wel een verborgen input gebruiken als hook/trigger.

[ Voor 25% gewijzigd door Bosmonster op 13-04-2011 10:08 ]

[Makkelijk]

Bosmonster schreef op woensdag 13 april 2011 @ 10:06:
Volgens mij kan dat alleen middels de dialog-method.

http://jqueryui.com/demos/datepicker/#method-dialog

Eventueel kun je wel een verborgen input gebruiken als hook/trigger.

Wil dialog niet nog steeds een input?

[ Voor 64% gewijzigd door Makkelijk op 16-04-2011 16:45 ]

[R4gnax]

alienfruit schreef op woensdag 13 april 2011 @ 09:53:
Iemand enig idee hoe ik de datumpikker kan gebruiken zonder dat ik een invulveld nodig heb? Ik wil namelijk gewoon drie comboboxes gebruiken. Iemand ervaring?

Het is officieel wel ondersteund, maar je moet de hide/show logica in dat geval zelf bouwen:

JQuery UI documentatie:
By default, the datepicker calendar opens in a small overlay onFocus and closes automatically onBlur or when a date is selected. For an inline calendar, simply attach the datepicker to a div or span.

Het is wellicht beter om een hidden input veld te gebruiken i.c.m. een select/change event handler waarmee je jouw combo boxes invult.