JS Eingabetyp Datumsfeld, halten Sie nach Formulareinreichung ausgewählte Werte

Question

Gibt es eine Möglichkeit für das

<input type="date" id="from" class="mdl-textfield__input" name="from" value="{{moment date=d format='YYYY-MM-DD'}}" style="position:relative; float: left; width: 180px; bottom: 10px;"/> 

Feld ausgewählten Wert nach Formularübermittlung zu erinnern?

Answer 1

Sie mögen tun, um die HTML5 lokalen Speicher verwenden können das Datum nach dem einreichen zu speichern. Diese ist, wie Sie es tun können:

1) in Ihre Form onsubmit Funktion:

<form onsubmit="setDate()"> 

2) erstellen Setter und Getter Funktionen auf das Datum:

function setDate(){ 
     var value = document.getElementById('from').value; 
     localStorage.setItem("user_selected_date", value); 
    } 
    function getDate(){ 
     if (localStorage.getItem("user_selected_date") === null) {// Check if there is selected date. 
       return "{{moment date=d format='YYYY-MM-DD'}}"; 
     } 
     return localStorage.getItem("user_selected_date"); 
    } 

3) Setzen Sie den Wert auf Ihre Eingabe:

document.getElementById('from').value = getDate(); 

Answer 2

ich denke du willst so etwas? :

speicherte den Wert in einer Variablen nach dem Klicken auf die Schaltfläche Senden. Sie können, was Sie mit diesen Variablen

$("#submit").click(function(){ 
 

 

 
var dateStore = $("input[type='date']").val() 
 
alert(dateStore) 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="date" id="from" class="mdl-textfield__input" name="from" value="{{moment date=d format='YYYY-MM-DD'}}" style="position:relative; float: left; width: 180px; bottom: 10px;"/> 
 
<button type="submit" id="submit"> 
 
Submit 
 
</button>

Answer 3

Verwendung HTML5 mit Speicher den Wert in einer Variablen gespeichert, nachdem die Absenden-Button klicken. Sie können mit dieser Variablen machen, was Sie wollen

localStorage.setItem("user_selected_date", value);