gpt4 book ai didi

javascript - 如何使用 jQuery 添加迄今为止的天数

转载 作者:行者123 更新时间:2023-12-03 03:57:48 26 4
gpt4 key购买 nike

我输入的文本如下:

$('#term').change(function() {
var ll = $(this).val();
var bb = $('#date').val();
var date = new Date(bb);
var newDate = new Date(date);
newDate.setDate(newDate.getDate() + parseInt(ll));
var dd = newDate.getDate();
var mm = newDate.getMonth() + 1;
var y = newDate.getFullYear();
var someFormattedDate = dd + '-' + mm + '-' + y;
$('#due_date').val(someFormattedDate);
});
div {
margin: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<label for="date">Date:</label>
<input id="invodate" type="text" id="date" class="form-control" name="date" value="" style="width: 150px;">
</div>
<div class="form-group">
<label for="term">Term:</label>
<input type="text" class="form-control" id="term" name="term" value="" style="width: 50px;">
</div>
<div class="form-group">
<label for="due_date">Due Date:</label>
<input type="text" class="form-control" id="due_date" name="due_date" value="" style="width: 150px;">
</div>

我想给输入#term几天,然后在输入显示日期的截止日期,但在我的代码中仅显示NaN-NaN-NaN。我的代码有什么错误。感谢您的回答。

最佳答案

您的第一个输入有两个 ID,这是无效的,并且您正在将日期对象传递给 Date 构造函数。

使用纯 JavaScript 就很简单了

$('#term').change(function() {
var ll = $(this).val();
var bb = $('#date').val();
var date = new Date(bb);

date.setDate(date.getDate() + (+ll));

var dd = date.getDate();
var mm = date.getMonth() + 1;
var y = date.getFullYear();
var someFormattedDate = dd + '-' + mm + '-' + y;

$('#due_date').val(someFormattedDate);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<label for="date">Date:</label>
<input type="text" id="date" class="form-control" name="date" value="05-05-2017" style="width: 150px;">
</div>
<div class="form-group">
<label for="term">Term:</label>
<input type="text" class="form-control" id="term" name="term" value="" placeholder="type here" style="width: 50px;">
</div>
<div class="form-group">
<label for="due_date">Due Date:</label>
<input type="text" class="form-control" id="due_date" name="due_date" value="" style="width: 150px;">
</div>

关于javascript - 如何使用 jQuery 添加迄今为止的天数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44858248/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com