如何从setDate中的选项值添加日期

时间:2019-07-03 02:13:20

标签: javascript html

我想根据我的输入来计算差异日期,然后客户可以确定多少天。之后,它将在我选择“ 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

0 个答案:

没有答案