ajax 刷新 重新 绑定,Ajax刷新后如何绑定jQuery Datepicker？

我有一个对我来说很棒的jQuery datepicker，除了当我通过ajax刷新内容时，我丢失了datepicker。据我所知，我应该使用jQuery

on()将其绑定到输入，但是我似乎找不到合适的事件将其绑定到输入。

第一次有效，但在随后的刷新中无效：

$("[id^=startPicker]").datetimepicker({

showOn: "button",

buttonImage: "/img/calendar_icon.png",

buttonImageOnly: true,

dateFormat: 'mm/dd/yy',

timeFormat: 'hh:mm tt',

stepMinute: 1,

onClose: function (dateText, inst) {

var selectedDate = $(this).datepicker("getDate"); //Date object

$.ajax({

url: "/url",

dataType: "json",

method: 'post',

data: {

value: selectedDate.toDateString() + ' ' + selectedDate.toTimeString()

},

beforeSend: function () {

$("#loading").fadeIn();

},

success: function (data, textStatus) {

$("#content").html(data);

},

complete: function () {

$("#loading").fadeOut();

}

});

}

});

第一次或后续刷新时不绑定：

$('#content').on('ready', "[id^=startPicker]", function () {

$(this).datetimepicker({

showOn: "button",

buttonImage: "/img/calendar_icon.png",

buttonImageOnly: true,

dateFormat: 'mm/dd/yy',

timeFormat: 'hh:mm tt',

stepMinute: 1,

onClose: function (dateText, inst) {

var selectedDate = $(this).datepicker("getDate"); //Date object

$.ajax({

url: "/url",

dataType: "json",

method: 'post',

data: {

value: selectedDate.toDateString() + ' ' + selectedDate.toTimeString()

},

beforeSend: function () {

$("#loading").fadeIn();

},

success: function (data, textStatus) {

$("#content").html(data);

},

complete: function () {

$("#loading").fadeOut();

}

});

}

});

});