當我選擇一個日期時，加上7天？

我只想在這裏詢問如何在表單中的「輸入」語句中添加日期？當我選擇一個日期時，它會將天數遞增7並將其顯示爲類型爲日期的「輸入」語句。這是我的代碼。當我選擇一個日期時，加上7天？

just click this link, to view the image.

<html> 
<head> 
<title>Date Sample</title> 
</head> 
<body> 
<form> 
Start Date:<br/> 
<input type="date" name="sdate" id="sdate"/> 
<br/> 
End Date:<br/> 
<input type="date" name="edate" id="edate"/> 
</form> 
</body> 
</html>

來源

2016-09-28 Danielle Claude D. Macarayan

連接change聽衆
使用DateObj.getDate和DateObj.setDate方法得到所需Date
格式在YYYY-MM-DD的DateObj設置value

注：我已經加入readonly屬性爲end-date，使用戶不能編輯該值。

$('#sdate').change(function() { 
 
    if (this.value) { 
 
    var d = new Date(this.value); 
 
    var newDate = d.setDate(d.getDate() + 7); 
 
    var dateObj = new Date(newDate); 
 
    var day = ("0" + dateObj.getDate()).slice(-2); 
 
    var month = ("0" + (dateObj.getMonth() + 1)).slice(-2); 
 
    $('#edate').val(dateObj.getFullYear() + "-" + (month) + "-" + (day)); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<form> 
 
    Start Date: 
 
    <br/> 
 
    <input type="date" name="sdate" id="sdate" /> 
 
    <br/>End Date: 
 
    <br/> 
 
    <input type="date" name="edate" id="edate" readonly /> 
 
</form>

來源

2016-09-28 06:23:30 Rayon

他可能需要更改結束日期7天使用時選擇的開始日期。 –

真的很感謝你的幫助。你的邏輯是對的，但我希望結果會顯示在結束日期？ –

@Loading .. - 很有可能... – Rayon

當我選擇一個日期時，加上7天？

回答

相關問題