2016-10-07 2 views
1

Wert von input type = "date" getting in umgekehrter Richtung angezeigt

$(".dateTest").click(function(e){ 
 
    e.preventDefault(); 
 
    alert("The value of this field is currently set to: " + $(this).val()); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post"> 
 
    <div> 
 
     <label>HTML-5: </label> 
 
     <input value="2012-10-01" type="date" id="dateFieldHtml5" class='dateTest'/> 
 
    </div> 
 
    <div> 
 
     <label>HTML-4: </label> 
 
     <input value="10/01/2012" id="dateFieldHtml4" class='dateTest'/> 
 
    </div> 
 
</form>

Ich versuche regulären Ausdruck für input type="date" in Form zu schreiben. Das Format, das im Frontend angezeigt wird, ist DD-MM-YYYY, aber wenn ich versuche, die selected date value vor dem Ausführen meiner regulären Ausdruck darauf zu drucken, wird es im Format YYYY-MM-DD angezeigt. Aus diesem Grund versagt mein regelmäßiger Ausdruck. Siehe Code-Schnipsel

Bild des angezeigten und ausgewählten Datums. enter image description here

Wie kann ich sicherstellen, dass das ausgewählte Datum im gleichen Format angezeigt wird.

+2

Der vollständige Inhalt Ihrer Frage umwandeln muss ** verwenden ** Ihre Frage, nicht nur verlinkt sind. Links verrotten, was die Frage und ihre Antworten in Zukunft für die Menschen nutzlos macht, und die Leute sollten nicht von außerhalb gehen müssen, um Ihnen zu helfen. Setzen Sie eine [mcve] ** in ** die Frage, idealerweise mit Hilfe von Stack Snippets (der '<>' Symbolleistenschaltfläche), um es runnable zu machen. Mehr: [* Wie stelle ich eine gute Frage? *] (/ Help/how-to-ask) –

+0

@ T.J.Crowder kk. Ich werde das machen. Viele Male sehe ich Leute, die Fiddle-Links posten, also habe ich das einfach gemacht. Aber ich habe deinen Standpunkt verstanden. – Cyclotron3x3

+0

Fiddles sind nur * adjuncts * zu Fragen, nicht Ersatz für alle notwendigen Code vor Ort. Und heutzutage sind sie für 98% der Fragen veraltet - verwenden Sie stattdessen Stack Snippets. :-) –

Antwort

1

Ihr Wert Datumsformat "new Date()"

fiddle

var dateString = new Date($(this).val()); 
+0

Nicht korrekt. Anzeige von Datum und Uhrzeit in einem anderen Format als erwartet. – Cyclotron3x3

+1

@ Cyclotron3x3 Bitte werfen Sie einen Blick auf aktualisierte. http://jsfiddle.net/HudMe/788/ Ich habe Antwort auch aktualisiert –

+0

danke für die Problemumgehung. Aber ich wollte mehr wissen, warum das so ist. – Cyclotron3x3