JS輸入型日期字段，保持表單提交

後選擇的值是否有針對JS輸入型日期字段，保持表單提交

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

場記住表單提交後選定值的方法嗎？

來源

2016-08-09 Jørgen

你想永久或暫時保持？ – Tuhin

暫時，以便在表單發送後顯示選定的日期 –

如果您的當前模型不可用，則可以將其存儲在全局變量中 – Tuhin

可以使用HTML5本地存儲來保存後提交的日期。這是你如何能做到這一點：

1）添加到您的窗體的onsubmit功能：

<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();

來源

2016-08-09 08:35:06 Igbaryya

是的這是非常好的;）我想我可以做同樣的「到」日期提交以及。謝謝 –

我想你想要這樣的東西？：

單擊提交按鈕後，將值存儲在變量中。你可以做任何你想要的變量

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

來源

2016-08-09 08:02:22

是的，謝謝你的回覆！ :)我當然可以使用這個:) –

使用HTML5與存儲的值在變量點擊提交按鈕後，存儲。你可以做任何你想要的變量

localStorage.setItem("user_selected_date", value);

來源

2017-06-08 10:09:58

JS輸入型日期字段，保持表單提交

回答

相關問題