Question

有办法吗？

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

字段在表单提交后记住选定的值？

Answer 1

您可以使用HTML5本地存储在提交后保存日期。这就是你如何做到的：

1）在提交功能上添加表格

<form onsubmit="setDate()">

2）创建日期的Setter和Getter函数：

    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）将值设置为您的输入：

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

Answer 2

我想你想要这样的东西？：

单击提交按钮后，

将值存储在变量中。你可以用变量做任何你想做的事情

$("#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

将HTML5与存储配合使用单击提交按钮后，将值存储在变量中。你可以用变量做任何你想做的事情

parent FormGroup

JS输入类型日期字段，保持表单提交后选择的值

3 个答案: