Datepicker重新声明以后生成的内容

Question

我正在尝试在主页和模式中添加一个日期选择器，其中包含稍后由ajax调用生成的表单。

我尝试使用此代码，但它在模式窗体中无法正常工作。我必须只输入两次输入文件而不是datepicker将显示。

我尝试的两种方式

$('body').on('click','.date-picker', function() ...

但它不会起作用。

此代码有什么问题？

//Start DatePicker
var datePickerOptions = {
    format: 'dd.mm.yyyy',
    changeMonth: true,
    changeYear: true,
    autoclose: true,
    todayHighlight: true
}

$(document).ready(function () {
    $('.date-picker').datepicker(datePickerOptions);
});

$('body').on('click','.date-picker', function() {
   //$(this).datepicker('destroy').datepicker({showOn:'focus'}).focus(); 
   $('.date-picker').datepicker(datePickerOptions);       
});
//End DatePicker