Combine inline jquery datepicker with an input field?

Question

I know that I can use $(\'div\').datepicker() to get an inline datepicker, but how do I show the datepicker fixed inline underneath its input field?

Answer 1

Try this: Working demo http://jsfiddle.net/KRFCH/

The altField option will link to the second field you want! http://jqueryui.com/datepicker/#alt-field

Now note: any change in the input will reflect in the datepicker on change

This should fit your cause :)

Code

$('#z').datepicker({
    inline: true,
    altField: '#d'
});

$('#d').change(function(){
    $('#z').datepicker('setDate', $(this).val());
});