如何使用JavaScript更改输入中的特定值
我有一个包含日期值的输入 例如:如何使用JavaScript更改输入中的特定值,javascript,html,Javascript,Html,我有一个包含日期值的输入 例如: <input type="text" name="cel_dafa" value="26/12/2018"> 我想要一个按钮,当按下它的值增加一个月 因此,压力后的结果: <input type="text" name="cel_dafa" value="26/1/2019"> 注:我不想伤害这一天, 只有年份和年份,如果在年底时 < P> OK,所以考虑一下你有一个按钮;p> <button onclick="increase
<input type="text" name="cel_dafa" value="26/12/2018">
我想要一个按钮,当按下它的值增加一个月
因此,压力后的结果:
<input type="text" name="cel_dafa" value="26/1/2019">
注:我不想伤害这一天,
只有年份和年份,如果在年底时 < P> OK,所以考虑一下你有一个按钮;p>
<button onclick="increase()"> Click Me </button>
Html
不起作用,它不会仅仅续费一个月,它会更改以下内容的全部价值:2018年12月25日星期二15:41:18 GMT+0200。删除最后一行“新建”和“日期”之间的空格。
<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;
}
<input type="text" id="date-input" name="cel_dafa" value="26/12/2018">
<button onclick="increaseDate()">submit</button>
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;
}