Ich verwende den UI DatePicker von jQuery UI als eigenständige Auswahl. Ich habe diesen Code:
<div id="datepicker"></div>
Und die folgende JS:
$('#datepicker').datepicker();
Wenn ich versuche, den Wert mit diesem Code zurückzugeben:
var date = $('#datepicker').datepicker('getDate');
Mir wird folgendes zurückgegeben:
Tue Aug 25 2009 00:00:00 GMT+0100 (BST)
Welches ist völlig das falsche Format. Gibt es eine Möglichkeit, wie ich es im Format zurückgeben kann DD-MM-YYYY
?
jquery
jquery-ui
date
jquery-ui-datepicker
Tarnfeld
quelle
quelle
Antworten:
Hier ist eine für Ihren Code spezifische:
Weitere allgemeine Informationen finden Sie hier:
quelle
yy
gibt mir2015
. Wie kann ich nur bekommen15
?y
. Datepicker-Formatierung$("#datepicker").datepicker("option", "dateFormat", "dd-mm-yy" ).val()
format: 'dd-mm-yyyy',
sollte funktionierenFügen Sie im jQuery-Skriptcode einfach den Code ein.
das sollte funktionieren.
quelle
.selector
und#datepicker
sind nicht gleich. Das wörtliche Einfügen Ihres Codes würde nicht funktionieren.Die
getDate
Methode der Datumsauswahl gibt einen Datumstyp zurück, keine Zeichenfolge.Sie müssen den zurückgegebenen Wert mit Ihrem Datumsformat in eine Zeichenfolge formatieren. Verwenden Sie die Datepicker-
formatDate
Funktion:Die vollständige Liste der Formatbezeichner finden Sie hier .
quelle
Hier vollständiger Code für die Datumsauswahl mit Datumsformat (JJ / MM / TT).
Kopieren Sie den Link unten und fügen Sie das Head-Tag ein:
Kopieren Sie den folgenden Code und fügen Sie ihn zwischen das Body-Tag ein:
Wenn Sie möchten , zwei (2) Eingabetyp Text wie
Start Date
undEnd Date
verwenden Sie dann dieses Skript und ändern Datumsformat.Zwei Eingabetexte wie:
quelle
quelle
getDate
Funktion gibt ein JavaScript-Datum zurück. Verwenden Sie den folgenden Code, um dieses Datum zu formatieren:Es verwendet eine Dienstprogrammfunktion, die in datepicker integriert ist:
Die vollständige Liste der Formatbezeichner finden Sie hier .
quelle
$("#datepicker").datepicker("getDate")
Gibt ein Datumsobjekt zurück, keine Zeichenfolge.quelle
quelle
Versuchen Sie, die zu verwenden
und es gibt viele Optionen für den Datepicker finden Sie hier
Auf diese Weise rufen wir den Datepicker mit dem Parameter auf
quelle
Sie können dieses Format einfach so verwenden, wie Sie es möchten
quelle
Wenn Sie das Datum im Format JJ-MM-TT benötigen, können Sie Folgendes verwenden: -
Sie finden alle unterstützten Formate unter https://jqueryui.com/datepicker/#date-formats
Ich brauchte den 06. Dezember 2015, ich tat dies: -
quelle
quelle
Führen Sie einfach diese HTML-Seite aus. Sie können verschiedene Formate sehen.
quelle
Das funktioniert auch:
quelle
quelle
Dies funktioniert reibungslos. Versuche dies.
Fügen Sie diese Links in Ihren Kopfbereich ein.
Es folgt die JS-Codierung.
quelle
Wenn Sie einen Datepicker für ein
input[type="text"]
Element einrichten , erhalten Sie möglicherweise kein konsistent formatiertes Datum, insbesondere wenn der Benutzer das Datumsformat für die Dateneingabe nicht einhält .Zum Beispiel, wenn Sie das Datumsformat als
dd-mm-yy
und die Benutzertypen festlegen1-1-1
. Der Datepicker konvertiert dies inJan 01, 2001
intern, aberval()
wenn Sie das Datepicker-Objekt aufrufen, wird die Zeichenfolge zurückgegeben"1-1-1"
- genau das, was sich im Textfeld befindet.Dies bedeutet, dass Sie entweder die Benutzereingaben validieren sollten, um sicherzustellen, dass das eingegebene Datum in dem von Ihnen erwarteten Format vorliegt, oder dass Sie dem Benutzer nicht erlauben, Datumsfreiform einzugeben (bevorzugen Sie stattdessen die Kalenderauswahl). Trotzdem ist es möglich, den Datepicker-Code so zu erzwingen, dass Sie eine Zeichenfolge erhalten, die wie erwartet formatiert ist:
Beachten Sie jedoch, dass die
getDate()
Methode des Datepickers zwar ein Datum zurückgibt , jedoch nur mit Benutzereingaben, die nicht genau dem Datumsformat entsprechen, so viel bewirken kann. Dies bedeutet, dass es ohne Validierung möglich ist, ein Datum zurückzugewinnen, das sich von den Erwartungen des Benutzers unterscheidet. Vorbehalt Emptor .quelle
Ich verwende jquery für datepicker. Diese jqueries werden dafür verwendet
Dann folgen Sie diesem Code,
quelle
Meine Option ist unten angegeben:
quelle
Endlich die Antwort für die Datumsauswahl-Datumsänderungsmethode:
quelle
Ich benutze das:
Welches ein Datum des Formats wie "
20120118
" für zurückgibtJan 18, 2012
.quelle
Der folgende Code kann hilfreich sein, um zu überprüfen, ob das Formular mehr als ein Datumsfeld enthält:
quelle
Ich denke, der richtige Weg, dies zu tun, wäre ungefähr so:
Auf diese Weise stellen Sie sicher, dass die Formatzeichenfolge nur einmal definiert ist, und verwenden denselben Formatierer, um die Formatzeichenfolge in das formatierte Datum zu übersetzen.
quelle
Hier ist ein sofort einsatzbereites Datumsausschnitt. Firefox verwendet standardmäßig jquery ui datepicker. Andernfalls wird HTML5 Datepicker verwendet. Wenn FF jemals HTML5 type = "date" unterstützt, ist das Skript einfach redundant. Vergessen Sie nicht, dass die drei Abhängigkeiten im Head-Tag benötigt werden.
quelle
Sie sollten
data-date-format="yyyy-mm-dd"
in Ihrem Eingabefeld HTML und die anfängliche Datenauswahl in JQuery wie einfach verwendenquelle
Sie können Folgendes hinzufügen und ausprobieren:
HTML- Datei:
JavaScript- Datei:
quelle
Das hat bei mir funktioniert:
quelle
Also kämpfte ich damit und dachte, ich würde verrückt werden. Die Sache ist, dass der Bootstrap-Datepicker implementiert wurde, nicht jQuery, also waren die Optionen unterschiedlich.
quelle