Datepicker（jQuery）在加载特定的javascript函数时未加载

Question

我有一个特殊的问题。

当我加载特定的 javascript 函数时，日期选择器不起作用。

代码：日期选择器

$(function() {
    $('input.datepicker').datepicker();
    });

    $(function () {
    $("#txtFrom").datepicker({
    numberOfMonths: 1,
    onSelect: function (selected) {
        var dt = new Date(selected);
        dt.setDate(dt.getDate() + 1);
        $("#txtTo").datepicker("option", "minDate", dt);
    }
    });
    $("#txtTo").datepicker({
    numberOfMonths: 1,
    onSelect: function (selected) {
        var dt = new Date(selected);
        dt.setDate(dt.getDate() - 1);
        $("#txtFrom").datepicker("option", "maxDate", dt);
    var a = $("#txtTo").datepicker('getDate').getTime();
    b = $("#txtFrom").datepicker('getDate').getTime();
    c = (a - b) / (1000 * 60 * 60 * 24);
    $("#rem").val(c);
            }
    });     
});

Javascript 函数（在加载时执行）

init();
var a;
function init(){
var db = openDatabase('CBDB', '1.0', 'mySpecialDatabaseThatWontWork',10*1024*1024);
db.transaction(function (tx) {
    tx.executeSql('SELECT * FROM user',[], function (tx, results) {
        var rows = results.rows;
        for (var index = 0; index < rows.length; index++) {
            var x = rows.item(index);
            a = results.rows.item(index).empid;
        }
        next();
    });});              
}   
function next(){
var db = openDatabase('CBDB', '1.0', 'mySpecialDatabaseThatWontWork',10*1024*1024);
db.transaction(function (tx) {
    console.log("global"+a);
    tx.executeSql('SELECT * FROM login WHERE manager=?',[a], function (tx, results) {
        var rows = results.rows;
        var msg=" ";
        for (var index = 0; index < rows.length; index++) {
            msg +="<option>"+results.rows.item(index).name+","+results.rows.item(index).empid+"</option>"
        }
        var total= "<div class=\"widh1\"><div style=\"text-align: left;\" class=\"margn1\"><p class=\"dateText\">Employee</p><div class=\"selectParent\"><select id=\"type\" class=\"apply1Text\">"+msg+"</select></div></div></div>";
        document.querySelector('#status').innerHTML +=  total;
    });});
}

我无法发现错误。在将 HTML 内容加载到页面后，还会加载 javascript 函数。

Answer 1

问题是查询选择器正在替换整个 .我将其更改为 getElementById。现在它工作正常。