Question

I use a jQuery DateTimePicker in many places in my web app. It works fine everywhere exept in one place where the calendar just won’t pop up. Here’s the source code of the page (view in Chrome).

<script>
    $('#example9').datetimepicker({ timeFormat: 'h:mm', stepMinute: 5, dateFormat: 'yy-mm-dd'
</script>

<div>
    <input type="text" name="example9" id="example9" value="2012-10-16 15:00" />
</div>

As you can see, I’ve reduced the code to the simplest and added an event listener. Nothing is triggered and nothing happens whenever I click the input.

Any clue?

Answer 1

Make sure

1. jQuery and your plugin are loaded.
2. your script is run after the DOM is loaded (or at least after the used element is rendered). So move your script code after the div element, or use $(document).ready(function(){/*your-code*/});
3. the id is unique in the html or it will fail.