我想根据我的输入来计算差异日期,然后客户可以确定多少天。之后,它将在我选择“ 1天”或“ 2天”之后进行计算,并在输入中以“至”作为ID显示添加日期的结果。
setdate没有从我的选项值中正确添加。我正在使用getDuration来检索option中的值。我认为该变量可以添加我的setDate。
<select name="duration" id="duration" class="form-control" onchange="run(this.value)">
<script>
function run(val) {
var formDuration = document.getElementById("duration");
var getDuration = formDuration.options[formDuration.selectedIndex].value;
// alert(getDuration);
document.getElementById("from").addEventListener("change", function() {
var input = new Date(this.value);
var newdate = new Date(input);
var temp = newdate.getDate();
var calculate = temp + getDuration;
newdate.setDate(calculate);
var dd = newdate.getDate();
var mm = newdate.getMonth() + 1;
var yyyy = newdate.getFullYear();
if (dd < 10) {
dd = '0' + dd;
}
if (mm < 10) {
mm = '0' + mm;
}
var someFormattedDate = mm + '/' + dd + '/' + yyyy;
document.getElementById('to').value = someFormattedDate;
});
}
(function() {
var elm = document.getElementById('duration'),
df = document.createDocumentFragment();
for (var i = 1; i <= 12; i++) {
var option = document.createElement('option');
option.value = i;
option.appendChild(document.createTextNode(i + " days"));
df.appendChild(option);
}
elm.appendChild(df);
}());
</script>
</select>
日期采用以下格式:mm / dd / yyyy
示例1 从:07/01/2019 持续时间:1天 到:2019/07/11
示例2 从:07/02/2019 持续时间:1天 到:2019/07/21
示例3 从:07/03/2019 持续时间:1天 到:2019/07/31
预期结果
来自:2019/07/01 持续时间:1天 至:2019/07/02