Jquery UI Datepicker Works, но не смог выбрать дату

Question

Я использую Jquery UI DatePicker кода я использую следующим образом

ps_jquery(".datefield ").datepicker({ 
changeMonth: true, 
changeYear: true, 
yearRange: "-100:+10", 
}); 

Этот код работает прекрасную половину времени. Когда все элементы с классом .datefield изначально загружают скрипт, отлично работают. Когда я использую ajax для возврата большего количества элементов и повторной инициализации datepicker, все работает до того, как все еще работает. Странно, что новые элементы на странице открываются с помощью datepicker, но при выборе даты он не заполняет поле ввода. В настоящее время я не могу найти ответ на эту проблему и надеюсь, что кто-то знает, как это исправить.

Answer 1

Попробуйте повторить привязку даты после обновления ajax. Таким образом, вы звоните на document.ready:

ps_jquery(".datefield ").datepicker({ 
changeMonth: true, 
changeYear: true, 
yearRange: "-100:+10", 
}); 

//later you do ajax 

$.ajax({ 
     type: "GET", 
     url: 'foo.php', 
     data: "id=" + id, 
     success: function(data) { 
      //then rebind datepicker: 
      ps_jquery(".datefield ").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      yearRange: "-100:+10", 
      }); 
     } 
    }); 

Это хорошая возможность поставить Datepicker логику и параметры в функции и просто вызвать эту функцию при необходимости.