Während ich die Datumsauswahl-Funktion in innerHTML- bin mit der Datumsauswahl funktioniert nicht

Question

Code Html:

var td5 = document.createElement("TD") 
var strHtml5 = "<From><INPUT Id=\"one\" CLASS=\"datepicker\" type=\"Text\" readonly=\"true\">"; 
td5.innerHTML = strHtml5.replace(/!count!/g,count); 

var td6 = document.createElement("TD") 
var strHtml6 = "<To><INPUT Id=\"two\" CLASS=\"datepicker\" type=\"Text\" readonly=\"true\">"; 
td6.innerHTML = strHtml6.replace(/!count!/g,count); 

Hier ist die Datumsauswahl-Funktion

$(function() { 
    $('input').filter('.datepicker').datepicker({ 
     changeMonth: true,  
     changeYear: true, 
     depth: "year", 
     showOn: 'both',  
     buttonImage:'../../resources/theme1/image/calendar.png', 
     buttonImageOnly: true, 
     disabled: true, 
    }); 
}); 

Answer 1

Sie datepicker Initialisierungsobjekt speichern als globale Variable und kann sie später verwenden, wenn neue datepicker Elemente angehängt werden.

Try this:

//GLOBAL_INIT will hold the initialization in global context to be used later 
 
var GLOBAL_INIT = { 
 
    changeMonth: true, 
 
    changeYear: true, 
 
    depth: "year", 
 
    showOn: 'both', 
 
    buttonImage: '../../resources/theme1/image/calendar.png', 
 
    buttonImageOnly: true, 
 
    disabled: true, 
 
}; 
 

 

 
var td5 = document.createElement("TD") 
 
var strHtml5 = "<From><INPUT Id=\"one\" CLASS=\"datepicker\" type=\"Text\" readonly=\"true\">"; 
 
td5.innerHTML = strHtml5.replace(/!count!/g, count); 
 

 
var td6 = document.createElement("TD") 
 
var strHtml6 = "<To><INPUT Id=\"two\" CLASS=\"datepicker\" type=\"Text\" readonly=\"true\">"; 
 
td6.innerHTML = strHtml6.replace(/!count!/g, count); 
 
//Will initialize when elements are appended 
 
$(strHtml5).datepicker(GLOBAL_INIT); 
 
$(strHtml6).datepicker(GLOBAL_INIT); 
 

 

 
//Will initialize `'.datepicker'` elements initially 
 
$(function() { 
 
    $('input').filter('.datepicker').datepicker(GLOBAL_INIT); 
 
});