2017-09-25 45 views
-4

如何根據用戶輸入的日期顯示日期到2年後的精確時間。通過我使用的方式「input type = date」 method.Can you just provide me ideas顯示日期如何通過計算顯示日期

示例後的確切2年備註:如果用戶使用日曆輸入在文本框中的日期我需要的日期正好在其他的文本框中

例如1顯示2年後:如果我在文本框中輸入日期(讓我們把它作爲一些產品製造日期),我希望它自動計算輸入的日期並顯示兩年後的日期(到期日)

由我使用的JavaScript 。我很高興,如果我得到一個基於HTML的任何想法,jQuery的

+2

在你問這裏之前,你需要做自己的研究。你在這方面做了什麼?即使是一個簡單的Google查詢,例如[javascript add years to given date](https://www.google.com/search?q=javascript+add+years+to+given+date),也應該有幾個結果可以工作已經。 – CBroe

+0

https://stackoverflow.com/questions/10931288/how-to-add-subtract-dates-with-javascript。 – mns

+0

現在你已經告訴了我們你需要什麼,請告訴我們你到底做了些什麼。 – Teemu

回答

1

首先添加下面的腳本附加到HTML

<html> 
<head> 
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script> 
</head> 
<body> 
    <input id="dtePicker" type="date"/> 
    <text id="displayDate"></text> 
</body> 
</html> 

此後,添加下面的腳本在你的js

$('#dtePicker').change(function(val){ 
    var val=$('#dtePicker').val(); 
    var add=moment(val).add(1, 'y').toDate(); 
    add=moment(add).format("MM/DD/YYYY"); 
    $('#displayDate').text(add); 
}); 

我希望這會幫助你。

Working Example