jQuery UI Datepicker only respond to the first textbox

Question

I\'m trying to create a table with multiple rows and each row has a text box for user to input the date using the jQuery UI Datepicker. The problem is that the Datepicker is onl

Answer 1

You have problem due to Same Id which conflict You can use same class name

class='dateinput'

It work's

Answer 2

You are getting this problem as all rows have

id='dateinput'

You need to give them different id. Keep a counter variable and append it to id. Increase it in loop after appending.

Hope this helps.