[英]how to set date from javascript to html <input type="date"/> element
誰能告訴我如何將日期從 javascript 設置為 HTML 元素，是否可以這樣做，因為它使用標簽而不是標簽，實際上我有一個要求，我希望用戶從一個輸入元素中選擇一個日期它會自動在另一個日期輸入元素中設置日期，並延長 1 年。
例如，如果我從第一個輸入中選擇一個日期為 02/16/2018，那么它應該自動將另一個日期輸入填充為 02/16/2019。
提前致謝！
我希望這能幫到您。
$('#field1').on('change',function(e) { $('#field2').val($(this).val()); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="date" Id="field1"/> <input type="date" Id="field2"/>
這是代碼
const { format } = dateFns function getDate() { var oldDate = document.getElementById("oldDate").value; var date = new Date(oldDate) var newDate = new Date(date.getFullYear()+1,date.getMonth(),date.getDay()) document.getElementById("newDate").value = format(newDate, 'YYYY-MM-DD'); }
<script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.29.0/date_fns.js"></script> <input type="date" onChange="getDate();" id="oldDate" /> <input type="date" id="newDate" />
我用另一種方式做到了：
document.getElementById('1').addEventListener('change', function() { var date1 = document.getElementById('1'); var dateSplit = document.getElementById('1').value.split("-"); dateSplit[0] = parseInt(dateSplit[0]); dateSplit[0] = dateSplit[0] + 1; dateSplit[0] = dateSplit[0].toString(); var date2 = document.getElementById('2').value = dateSplit[0] + "-" + dateSplit[1] + "-" + dateSplit[2]; });
<!doctype html> <html> <body> <input type="date" id="1"> <input type="date" id="2"> </body> </html>
您可以使用https://momentjs.com/獲取所需的日期並填充$('selector').val(newdate)到另一個日期輸入；
如何使用javascript從輸入類型為date的html元素中獲取選定日期
[英]How to get selected date from html element where input type=date using javascript
如何在更改時關閉日期選擇器 <input type=“date” /> HTML5輸入日期元素
[英]How to close the date picker on change for <input type=“date” /> HTML5 Input date element
用輸入時間date html的2個日期之間的javascript時間計算
[英]Calculate in javascript time between 2 dates from input type date html
Html5 javascript gettime（）來自 <input type=“date” /> ，奇怪的工作
[英]Html5 javascript gettime() from <input type=“date” />,oddly working
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.