Ändern des Datums Eingabewertformat

Question

Ich implementiere ein gefälschtes Formular in einer HTML-Seite. Ich habe mehrere Eingaben, die ich transformieren muss, um mit einer POST-Anfrage gesendet zu werden.

Eines der Probleme, mit denen ich konfrontiert bin, hängt mit dem Datumsformat zusammen. Ich habe eine <input type="date">, die ihren Wert wie folgt zurückgibt: 2017-12-28, und ich muss sein Format ändern und es in diese: 28/12/2017. Ich kann nur jQuery verwenden.

Gibt es eine bestimmte Funktion, dies zu tun? Oder muss ich es analysieren? Ich bin ziemlich verloren: (

Answer 1

Folgendes ist die Lösung ohne Verwendung eines Plugins.

var defaultDate = "2017-12-28"; 
 
var splitedValues = defaultDate.split("-"); 
 
var newDateFormat = splitedValues[2]+"/"+splitedValues[1]+"/"+splitedValues[0]; 
 
console.log(newDateFormat); 
 
alert(newDateFormat);

Answer 2

var date = new Date('2017-12-28'); 
 
alert(date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear());

Answer 3

prüfen diese

var parts = '2017-12-28'.split('-'); 
 
var dmyDate = parts[2] + '/' + parts[1] + '/' + parts[0]; 
 
console.log(dmyDate);

Answer 4

var userBirthDate = '2017-12-01'; 
userBirthDate = userBirthDate.split("-").reverse().join("/"); 
console.log(userBirthDate); 

Answer 5

$(function() { 
 
\t $("#date").datepicker(); 
 
    //set the date format here 
 
    $("#date").datepicker("option" , "dateFormat", "dd/mm/yy"); 
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<input type="text" id="date">

.

Answer 6

Der Wert eines Datumseingabe wird immer yyyy-mm-dd formatiert, obwohl das angezeigte Format auf dem Benutzergebietsschema variieren kann. Parsing ist jedoch nicht schwer.

var myDate = $("#myinput").val().split("-").reverse().join("/") 

Wie funktioniert das?

Wir erhalten den Wert von unserer Datumseingabe, und teilen Sie es in durch Bindestriche getrennte Teile "-". Jetzt haben wir ein Array wie ["2017", "12", "28"]. Dann kehren wir es um, also ist es in der Reihenfolge, die wir wollen: ["28", "12", "2017"]. Dann verbinden wir die Elemente mit Schrägstrichen, geben uns "28/12/2017"

Answer 7

Bitte versuchen Sie es mit diesem. So etwas wie dieses