javascript - 通过ajax检索文档后添加日期选择器

Question

我一直在向某些文本字段添加日期选择器功能，并取得了成功，但是当我尝试将其应用到已加载到 div 中的文档时，它失败了。

我使用

加载文档

<a href="javascript:;" onclick="FAjax('form_ajustes_salida.php','ok4','','post');">Ajustes salida</a>

FAjax 在哪里

function FAjax(url, capa, valores, metodo){

    var ajax=creaAjax();
    if (metodo.toUpperCase()=='POST'){
        ajax.open('POST', url, true);
        ajax.onreadystatechange =function(){
            procesaAjax(ajax,capa);
            }
        ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        ajax.send(valores);
        return;
    }
    if (metodo.toUpperCase()=='GET'){
        ajax.open('GET', url, true);
        ajax.onreadystatechange =function(){
            procesaAjax(ajax,capa);
            }
        ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        ajax.send(null);
        return;
    }

    }

我尝试从主文档和加载的文档中应用日期选择器，但没有结果。

你能帮我一下吗？提前致谢

Answer 1

通常此类日期选择器插件的作用是，它会在 DOM 中查找输入元素，然后将事件绑定(bind)到它以显示自定义选择器。

在您的情况下，应用日期选择器的元素稍后会使用 AJAX 和 javascript 加载到 DOM 中。因此，只有将输入元素添加到 DOM 后，才能应用日期选择器。

如果 procesaAjax(ajax,capa); 应该将响应 HTML 添加到 DOM ，那么您可以在此之后调用日期选择器初始化。

procesaAjax(ajax,capa);
$('input#myinput').datePicker();