I want to dynamically giving date format using jquery ui.But it doesn't work. My code is
<table id="sample">
<tr>
<td>
Date
</td>
</tr>
js:
$("#datepicker").datepicker();
$("#sample tr td").after('<td><input type="text" id="datepicker"/></td>');
fiddle: http://jsfiddle.net/gtwswufu/1/
First append the input and then initialize the plugin:
$("#sample tr td").after('<td><input type="text" id="datepicker"/></td>').queue(function() {
$('#datepicker').datepicker();
$(this).dequeue();
})
You can't intialize the plugins like that, the plugins has to be initialized once the target dom elements are created. So in your case
var $td = $('<td><input type="text" id="datepicker"/></td>').insertAfter('#sample tr td');
$td.find("#datepicker").datepicker();
Demo: Fiddle
HTML
<table>
<tr>
<td>
Date
</td>
<td>
<input name="date" id="datepicker"></input>
</td>
</tr>
</table>
JS
$('#datepicker').datepicker();
Fiddle
