admin 管理员组

文章数量: 1086019

Is there a way for the 

<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;"/>

field to remember selected value after form submission?

Is there a way for the 

<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;"/>

field to remember selected value after form submission?

  • javascript
  • html
  • forms
  • input
Share Improve this question edited Aug 9, 2016 at 7:55 mscdex 107k15 gold badges201 silver badges159 bronze badges asked Aug 9, 2016 at 7:36 SneezySneezy 1931 silver badge11 bronze badges 3
  • Do you want to keep permanently or temporarily? – Tuhin Commented Aug 9, 2016 at 7:41
  • Temporarily, so that the selected date is showed after the form is sendt – Sneezy Commented Aug 9, 2016 at 7:44
  • You can store it in a global variable, if it is not available your current model – Tuhin Commented Aug 9, 2016 at 7:49
Add a ment  | 

3 Answers 3

Reset to default 7

You can use the HTML5 Local Storage to save the date after the submit. This is how you can do it:

1) Add to your form onsubmit function:

<form onsubmit="setDate()">

2) Create Setter and Getter functions to the date:

    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) Set the value to your input:

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

i guess you want something like this ? :

stored the value in a variable after clicking the submit button. you can do whatever you want with that variable

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


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

});
<script src="https://ajax.googleapis./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>

Use HTML5 with storage stored the value in a variable after clicking the submit button. you can do whatever you want with that variable

localStorage.setItem("user_selected_date", value);

本文标签： javascriptJS input type date field keep values selected after form submissionStack Overflow

版权声明：本文标题：javascript - JS input type date field, keep values selected after form submission - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1744023410a2520211.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。