2016-04-13 10 views
0

ich ein Problem bin vor, wo von mir die folgenden AddonHTML5 Datetime Addon jquery

http://trentrichardson.com/examples/timepicker/

1) Ich bin in der Lage ein Datum und Uhrzeit über sein Beispiel 2) Aber mich für jquery Datum verwendet holen hat eine Überprüfung durchgeführt und das System erkennt die Zeichenfolge bei der ersten Eingabe nicht. Es ist nicht definiert, bis Sie ein Leerzeichen in das Textfeld eingeben.

irgendwelche beraten?

html Beispiel

<td>Start Time: <input id="startTimePicker" class="textBox" data-ng-model="StartTime" type="text"></input></td> 
<td>End Time: <input id="endTimePicker" class="textBox" data-ng-model="EndTime" type="text"></input></td> 

mein Skript Beispiel

$(function() { 
    $("#startTimePicker").datetimepicker(
    { 
    dateFormat: 'yy-mm-dd' 
    }); 
}); 

$(function() { 
    $("#endTimePicker").datetimepicker(
    { 
    dateFormat: 'yy-mm-dd' 
    }); 
}); 

Antwort

1

Denken Sie es fällig mehrere Datetime auf mehreren Eingabe aufzurufen.

Versuchen Sie, eine Klasse in alle Ihre Eingabe hinzuzufügen, wo Sie ein Datepicker möchten.

Und init sie nur einmal.

Beispiel

<input id="startTimePicker" class="textBox datetimepicker" data-ng-model="StartTime" type="text"></input> 

JQuery:

$(document).ready(function(){ 
    $(".datetimepicker").datetimepicker(
    { 
     dateFormat: 'yy-mm-dd' 
    }); 
}); 

Ihre Eingabe vor dem erzeugten datetimepicker() Funktion Stellen Sie sicher. Oder Sie müssen die Funktion aufrufen, nachdem sie in das DOM eingefügt wurden.

+0

HI! danke für die Antwort! Ich habe deine Lösung getestet, aber es schreibt immer noch undefined .. Ich habe meine # zu geändert. und änderte auch den Wert in meiner Klasse. –

+0

Es gibt keinen Fehler. Ich habe eine Alert-Funktion ausgeführt, um den Wert beim Klicken auf "Senden" zu überprüfen, aber das Textfeld scheint undefiniert zurückzukehren. –

+0

Ihre Eingabe wird nach dem ersten Laden der Seite generiert? – Alexis