Question

I have a very annoying problem with jQuery and the datepicker from jQuery-UI.

Here is my javascript code:

<script type="text/javascript">
    /*<![CDATA[*/
<!--
        $(function(){
            $("#startdate").datepicker({dateFormat: 'dd.mm.yyyy'});
        });
// -->
    /*]]>*/
    </script>

And here the HTML part:

<input type="text" name="tx_cal_controller[startdate]" id="startdate" readonly="readonly">

The necessary JavaScript libraries are included in the header:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://foo.bar/fileadmin/res/jquery-ui-1.8.17.custom.min.js?1328657226" type="text/javascript"></script>

But there is no datepicker when I click on the input field. I would really appreciate it, if anyone could give me a hint.

Thanks in advance.

Answer 1

I solved it. There was a problem with the div of the datepicker. I had to include my own jQuery-UI package and modify it, so that when the input field gets clicked, the z-index of the datepicker gets higher (>1000) than the one of the other content divs and therefore visible.