Question

I want to use severall datepickers one one page, so i putt the datepicker in a function. The function is triggered on a onfocus event. This works perfect in IE, also in firefox/chrome, but in Firefox i have to click on the input field, lose focus and click again before i get a datepicker….

See the example: http://www.huurhulp.nl/prijzen.php

First click on the second bullet “wij zijn bepaalde periodes gesloten” To unhide the input fields.

Any idea how to get it working in one click in firefox?

Answer 1

Instead of creating your datepickers in onfocus events create them in your $(document).ready block.

The datepicker plugin internally uses the focus event to show the datepicker widget so using it to create the widget is a bad idea.

Looking at your code doing something like this should work:

$(function() {
    $('.datums').datepicker({
        //List your options here.
    });
});