如何通过计算显示日期

时间:2017-09-25 11:42:42

标签: javascript jquery html

如何根据用户输入的日期显示2年后的日期。我使用“输入类型=日期”方法的方式。您可以提供我的显示想法确切的2年后的确切

示例:如果用户使用日历在文本框中输入日期,我需要将日期准确地显示在其他文本框中2年后

示例1:如果我在文本框中输入日期(让我们将其作为某个产品制造日期),我希望它自动计算输入日期并显示日期后2年(到期日期)< / p>

我正在使用 javascript 。如果我根据html,jQuery得到任何想法,我很高兴

1 个答案:

答案 0 :(得分: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