jQuery Forum

I've got a problem using the datepicker widget.

In my Struts 1 / JSP application I've got a form with a datepicker which is selected via its class and not its id field because it is otherwise used.

1. <script src="../../../webserver/jquery/jquery-ui.min.js" type="text/javascript"></script>
2. <link rel="stylesheet" href="../../../webserver/jquery/jquery-ui.css" type="text/css"/>
3. <script src="../../../webserver/jquery/jquery.ui.datepicker-de.js"></script>
4. <script src="../../../webserver/jquery/jquery.ui.datepicker-fr.js"></script>
5. <script src="../../../webserver/jquery/jquery.ui.datepicker-en.js"></script>
6. <script>
7.     $(function() {
8.         $(".datepicker").datepicker({
9.             showOn: "both",
10.             dateFormat: "dd.mm.yy",
11.             firstDay: 1,
12.             buttonImage: "../../../webserver/images/redesign/kalendar_up.gif"
13.         });
14.         $.datepicker.setDefaults($.datepicker.regional['<%=((java.util.Locale)session.getAttribute(org.apache.struts.action.Action.LOCALE_KEY)).getLanguage()%>']);
        });
15. </script>

If I click on the date input field the calendar popup opens. But if I click on a date or the previous or next buttons in the popup I get the error "Uncaught exception: Missing instance data for this datepicker" and nothing happens. The field isn't populated with the selected date and the month isn't switched either by clicking on previous / next. This is what is being rendered:

1. <input type="text" name="gueltigVon" maxlength="16" size="10" value="" onblur="clearHighLightFields(this)" onfocus="showHighLightFields(this)" class="datepicker hasDatepicker">
   

As you can see an additional style class was added to my datepicker. Is that the reason jQuery can't find my datepicker? Why doesn't the datepicker widget work properly? Thanks for any hint!

The Chrome console shows some additional info. Maybe it is some kind of stack trace:

1. t.extend._getInst
2. t.extend._selectDay
3. e.selectDay
4. f.event.handle
5. i.handle.k