datepicker linking to multiple fields

    <html>
<head><title>jQuery Open on image button</title>
<link rel="stylesheet" href="ui.all.css" type="text/css" media="screen" />

<!--<script type="text/javascript" src="jquery.datepick.js"></script>-->

</head>

<body>

<form>
     <select id="selectedMonth" name="selectMonth"></select>
     <select id="selectedDay" name="selectDay"></select>
     <select id="selectedYear" name="selectYear"></select>
     < id = "selectedPicker" class = "picker" title = "click to show/hide calendar" alt = "" src="">
</form> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"&gt;&lt;/script&gt;
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"&gt;&lt;/script&gt;
<script type="text/javascript">

            function updateSelected(dates) {
            $('#selectedMonth').val(dates.length ? dates[0].getMonth() + 1 : ' ');
            $('#selectedDay').val(dates.length ? dates[0].getDate() : ' ');
            $('#selectedYear').val(dates.length ? dates[0].getFullYear() : ' ');
            checkLinkedDays();
        }

        $('#selectedPicker').datepick( {
                                      minDate: '01/01/2001', maxDate: '12/31/2010',
                                      alignment: 'bottomRight', onSelect: updateSelected,
                                      showTrigger: '#calImg'});

        $('#selectedMonth, #selectedDay, #selectedYear').change(function() {
        $('#selectedPicker').datepick('setDate', new Date ($('#selectedYear').val(), $('#selectedMonth').val() - 1, $('#selectedDay').val()));});
</script>
</body>
</html>

hi guys so we have a problem maybe anyone could help us? basically this datepicker involves getting link with 3 different fields (field 1: Month, field 2: Day, field 3: Year) thus linking them as I change the values on my fields the datepicker also changes the values that will be shown in the calendar vice-cersa with the calendar as i choose a date values from the fields will also be automatically updated rather changed. Me and my team also has a problem in showing the datepicker we have an image but the clendar is not showing. So for you guys that could help we really do appreciate it thanks.

well we needed the part that datepicker is linked to drop-downs like the one in here: http://keith-wood.name/datepick.html it's in the middle of the page btw, title Linked-to-drop-downs

ansaurus

tags:

views:

answers:

datepicker linking to multiple fields

related questions