Jquery Bootstrap 3 datetimepicker不';ajax获取容器后的t触发器

Jquery Bootstrap 3 datetimepicker不';ajax获取容器后的t触发器,jquery,ajax,twitter-bootstrap,datetimepicker,Jquery,Ajax,Twitter Bootstrap,Datetimepicker,我使用的是Bootstrap3DateTimePicker组件。我正在使用构造: $('.datetimepickerbutton').datetimepicker({ format: 'DD.MM.YYYY' }); 在我通过ajax发送内容之前,它工作得很好。Ajax表单在.myDate div中,它是targetr id。我应该如何使用jquery的“on”方法使我的代码也适用于Ajax?我试过使用: $(".dataPoczatku").on("load", function

我使用的是Bootstrap3DateTimePicker组件。我正在使用构造:

$('.datetimepickerbutton').datetimepicker({
    format: 'DD.MM.YYYY'
});
在我通过ajax发送内容之前,它工作得很好。Ajax表单在.myDate div中,它是targetr id。我应该如何使用jquery的“on”方法使我的代码也适用于Ajax?我试过使用:

$(".dataPoczatku").on("load", function () {
    $('.datetimepickerbutton').datetimepicker({
        format: 'DD.MM.YYYY'
    });
});
但现在我的约会时间选择器再也没有出现


我的问题看起来与主题类似,但我所有的stript链接都在head中,在这种情况下没有帮助。

为什么不在ajax成功后初始化datepicker呢。例如:

$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {//success function now you can initialize datepicker
  $('.datetimepickerbutton').datetimepicker({
    format: 'DD.MM.YYYY'
  });
});
如果ajax调用发生了多次,则可能必须使用
$('.datetimepickerbutton').datetimepicker('remove')在初始化之前。我建议您使用
ID
而不是
Class
(.datetimepickerbutton),这样它将只影响特定元素。

另一种类型的调用:

var posting = $.post( url, data );
posting.done(function(output){
  $('#main-content').html(output).find('#datepicker').datepicker(datepickerOptions());
});

$('#main-content').load(this_file + ' #div' + this_id, {
  'id': this_id,
  'name': this_name
}, function(){
  $(this).find('#datepicker').datepicker(datepickerOptions())
});

function datepickerOptions() {
  var ToEndDate = new Date();
  return {
        todayBtn: true,
        orientation: "top left",
        autoclose: true,
        todayHighlight: true,
        endDate: ToEndDate,
      }
}
您可以对“load”或任何类型的ajax调用执行相同的操作

我在显示datepicker时遇到了问题:仅在第二次单击时显示,即:当我获得焦点时。这个很好用


感谢@Manwal为您提供的解决方案,它帮助了我。

您能展示您的ajax代码吗?在我的例子中,有些日期框是动态生成的,所以我不能用Id代替类。但实施成功就解决了我的问题,非常感谢您的帮助。