为什么Bootstrap datepicker不能在ajax成功函数中工作

时间:2017-09-15 10:16:12

标签: javascript jquery ajax datepicker bootstrap-datepicker

   $.ajax({
            url: '/Staff/GetStaffFamilyDetails',
            type: 'POST',
            data: {
                StaffID: StaffID
            },
            success: function (result) {
                var markup = "<input type='text' id='FamEdit'>";
                $('#div').html(markup);
            },
            complete: function () {
                $('#FamEdit').datepicker({
                    keyboardNavigation: false,
                    autoclose: true,
                    format: "dd M yyyy"
                });
            }
        })

嗨朋友们。我将datepicker绑定到动态变量,此时它会像未定义的datepicker那样陷入错误。请帮帮我..如何成功绑定datepicker

2 个答案:

答案 0 :(得分:-1)

也许成功并在同一时间完成解雇,尝试像这样暂停:

complete: function () {
    setTimeout(function () {
        $('#FamEdit').datepicker({
            keyboardNavigation: false,
            autoclose: true,
            format: "dd M yyyy"
        });
    }, 100);
}

但最有可能最好的解决方案是在一个事件中替换html并初始化datepicker - 成功。首先替换,然后初始化。 因为如果没有收到数据,你为什么需要重新初始化datepicker(代码中的 result )?

答案 1 :(得分:-1)

在我的本地页面上测试您的代码,它正常工作。 “datepicker未定义。”:似乎datepicker.js未正确包含在您的页面中