Question

I am using jquery ui datepicker. On test page it works fine.

<div><input type="text" name="basic_example_1" id="basic_example_1" value="" />                     </div>      

<script>
$('#basic_example_1').datetimepicker();
</script>

But if the input field is loaded via ajax, how should i put the script ? I tried this

$("#basic_example_1").live("click", function(){
  $(this).datetimepicker();
});

not working. Appreciate any hints.

Answer 1

Call datetimepicker() after the success function of ajax and after the input is appended:

$.ajax({
  ....
  success:function(){ 
      //do your stuff..  append your input which is already done I guess
      $('#appendedInputID').datetimepicker(); //id of appended input 
  }
});