Why does jQuery UI’s datepicker break with a dynamic DOM?

by

Ah, got it. Right after I append the HTML to the DOM I run this on all the inputs I’d like to have a datepicker pop up with. Datepicker adds a class to elements it has been attached to, so we can filter out existing inputs and only apply it to new ones.

$('.date').not('.hasDatePicker').datepicker();

I hope this helps people as I was Googling for days and didn’t find anything!

You should also note that it would be faster to check for input.date in the new generated HTML by setting that as a context, rather than the whole page, as it will save time, due to this being a more efficient operation.

More Related Contents:

  1. Jquery UI datepicker. Disable array of Dates
  2. MVC Force jQuery validation on group of elements
  3. jQuery UI datepicker change event not caught by KnockoutJS
  4. How to wrap single column header text into multiple lines in jqgrid
  5. Limit results in jQuery UI Autocomplete
  6. jquery-ui and webpack, how to manage it into module?
  7. How to change the color of jqGrid cell?
  8. jQueryUI Tooltips are competing with Twitter Bootstrap
  9. Restrict date in jquery datepicker based on another datepicker or textbox
  10. JQuery datepicker language
  11. How to use jQuery UI with React JS
  12. integrating jquery ui dialog with knockoutjs
  13. How to resize the jQuery DatePicker control
  14. jQuery datepicker set selected date, on the fly
  15. knockoutjs databind with jquery-ui datepicker
  16. jQuery AutoComplete Trigger Change Event
  17. Can I use Twitter Bootstrap and jQuery UI at the same time?
  18. jQuery Draggable and overflow issue [closed]
  19. Today button in jQuery Datepicker doesn’t work
  20. Unable to pass additional parameters in plupload
  21. How do I disable a jquery-ui draggable?
  22. Using HTML in a Dialog’s title in jQuery UI 1.10
  23. Can table rows be made draggable?
  24. Using knockout js with jquery ui sliders
  25. jQueryUI droppable, stop propagation to overlapped sibling
  26. How to completely remove a dialog on close
  27. beforeShow event not firing on jQueryUI Datepicker
  28. How to find out about the “snapped to” element for jQuery UI draggable elements on snap
  29. jQueryUI tooltip Widget to show tooltip on Click
  30. jQuery Date Picker – disable past dates

Leave a Comment