Servus in die Runde.
Folgendes Problem:
Ich glaube, ich verstehe die Arbeits- bzw. Funktionsweise des DatePickers nicht richtig.
Ich bastle gerade an einer Seite, bei der ich mittels eines Forms ein "Bewegungsprofil" abfrage. Sollte der User nur dieses eine Profil angeben wollen, gilt dies ab 01. Januar, was als default Wert statisch gesetzt ist.
Sollte der User allerdings unter dem Jahr umgezogen sein, muss er die Möglichkeit haben, dieses Profil anzupassen. Dazu habe ich die Möglichkeit geschaffen, im Prinzip das komplette Profil nochmals einzugeben, allerdings soll diesmal mit angegeben werden, ab welchem Datum dies gilt. Dazu habe ich mittels JavaScript die Eingabemöglichkeit geclont.
Hier das Script:
<script>
var a = 0;
function addbase() {
var elmnt = document.getElementsByClassName("input")[a];
var cln = elmnt.cloneNode(true);
var zuf = document.getElementsByClassName("inhalt")[0];
zuf.appendChild(cln);
var btn = elmnt.getElementsByTagName("DIV")[4];
if(a == 0){
elmnt.removeChild(btn);
var trash = document.createElement("button");
var att = document.createAttribute("ID");
var att2 = document.createAttribute("onClick");
att.value = "removebase";
att2.value = "removeBase()";
trash.setAttributeNode(att2);
trash.setAttributeNode(att);
var node = document.createTextNode("Diesen Eintrag löschen");
trash.appendChild(node);
var zuf = document.getElementsByClassName("neuebase")[a];
zuf.appendChild(trash);
var date = document.getElementsByClassName("input")[a+1];
var dateinput = date.getElementsByTagName("DIV")[1];
var span = dateinput.getElementsByTagName("SPAN")[0];
var inputdate = document.createElement("input");
inputdate.type = "text";
var att3 = document.createAttribute("name");
var att4 = document.createAttribute("ID");
att3.value = "basedfrom-" + a+1;
att4.value = "datepicker";
inputdate.setAttributeNode(att3);
inputdate.setAttributeNode(att4);
dateinput.appendChild(inputdate);
dateinput.removeChild(span);
}
a = a+1;
}
</script>
Alles anzeigen
Allerdings lässt sich der Datepicker nicht aktivieren. D.h., wenn ich auf "Zufügen" klicke, öffnet sich zwar das geclonte DIV Element und auch das Input Feld erscheint, allerdings öffnet sich der Kalender nicht.
Ich habe folgenden Verdacht:
Ich schätze mal, dass der Date Picker mit einem Event Handler arbeitet (was das angeht, habe ich leider nicht all zu viel Ahnung) und es irgendetwas damit zu tun hat, dass das DIV, in dem das Input Feld liegt, beim Laden des Dokuments noch nicht vorhanden war. Geht das in die richtige Richtung?
Falls ja, was kann ich dagegen tun?
Grüße,
Michael