Jquery Bootstrap 3 datetimepicker不';ajax获取容器后的t触发器
我使用的是Bootstrap3DateTimePicker组件。我正在使用构造: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
$('.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代替类。但实施成功就解决了我的问题,非常感谢您的帮助。