Question

我有一个包含日期值的输入

示例：

<input type="text" name="cel_dafa" value="26/12/2018">

我想要一个按钮，当它按下时将其值增加一个月

这样加压后的结果：

<input type="text" name="cel_dafa" value="26/1/2019">

注意：我不想伤害一天，如果是年底，则只有月份和年份

Answer 1

好，所以考虑您有一个类似的按钮

<button onclick="increase()"> Click Me </button>

然后输入；

<input type="text" id="date" name="cel_dafa" value="26/12/2018">

现在增加功能的代码；

 function increase()
 {
     var currentDate = document.getElementById('date').value;
     var parts = currentDate.split("/");
     var day = parts[0];
     var month = parts[1];
     var year = parts[2];

     var d = new Date(year, month - 1, day); 
     d.setMonth(d.getMonth() + 1);
     var newDate = d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear();
     document.getElementById('date').value = newDate;
 }

Answer 2

HTML

<input type="text" id="date-input" name="cel_dafa" value="26/12/2018">

<button onclick="increaseDate()">submit</button>

JS

 function increaseDate() {  
    var dateInput = document.querySelector('#date-input').value;    
    var day = dateInput.split('/')[0];
    var month = dateInput.split('/')[1];
    var year = dateInput.split('/')[2];    
    if (month > 11) {
        year = parseInt(year) + 1;
        month = 1
    } else {
        month = parseInt(month) + 1;
    }
    var newDate = day +"/"+ month +"/"+ year;   
    document.querySelector('#date-input').value = newDate;
}

如何使用JavaScript更改输入中的特定值

2 个答案: