javascript从datepicker获取日期比添加日期

Question

我知道如何添加日期的问题已被问了很多。试过这些答案，它只是不起作用。 我有一个日期选择器从我得到格式d.m.Y的日期，我得到几天添加在我从DB获得的PHP变量。我想在另一个输入中显示添加的日期。 获取第二个输入的var和显示是没有问题的。

var days = '2'; // <?php echo $days ?>; 
 
days = parseInt(days); 
 

 
function autoDatum() { 
 
    var date_input = document.getElementById("date_input").value; 
 
    var date = Date(date_input); 
 
    var newdate = new Date(date); 
 

 
    newdate.setDate(newdate.getDate() + days); 
 

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

 
    document.getElementById('date_valute_input').value = someFormattedDate; 
 
}

body { 
 
    display: flex; 
 
    flex-direction: column; 
 
    justify-content: space-between; 
 
} 
 

 
div { 
 
    display: flex; 
 
    justify-content: space-between; 
 
    width: 300px; 
 
    margin: 10px; 
 
}

<div> 
 
    <label for="date_input">date_input</label> 
 
    <input id="date_input" type="text" value="16.03.2017"> 
 
</div> 
 
<div> 
 
    <label for="date_valute_input">date_valute_input</label> 
 
    <input id="date_valute_input" type="text" value=""> 
 
</div>

我只得到今天的日期+的日子，而不是选定的日期。我研究了很多不同的代码，但只有这个代码不会冻结。 有人可以知道如何解析日期吗？ 与php相比，在php和mysql中使用日期很容易。

Answer 1

使用的那一刻库： n - 天

量

var newDate = moment(date_input).add(n, 'days'); 

Answer 2

你的功能似乎是工作。 是不是你所期望的？

var days = '2'; // <?php echo $days ?>; 
 
days = parseInt(days); 
 

 
function autoDatum() { 
 
    var date_input = document.getElementById("date_input").value.split('.'); 
 
    var date = new Date(date_input[2], date_input[1], date_input[0]); 
 
    var newdate = new Date(date.getFullYear(), date.getMonth(), date.getDate() + days); 
 
    var dd = newdate.getDate(); 
 
    var mm = newdate.getMonth(); 
 
    var y = newdate.getFullYear(); 
 
    var someFormattedDate = dd + '.' + mm + '.' + y; 
 

 
    document.getElementById('date_valute_input').value = someFormattedDate; 
 
} 
 

 
autoDatum();

body { 
 
    display: flex; 
 
    flex-direction: column; 
 
    justify-content: space-between; 
 
} 
 

 
div { 
 
    display: flex; 
 
    justify-content: space-between; 
 
    width: 300px; 
 
    margin: 10px; 
 
}

<div> 
 
    <label for="date_input">date_input</label> 
 
    <input id="date_input" type="text" value="03.06.2015"> 
 
</div> 
 
<div> 
 
    <label for="date_valute_input">date_valute_input</label> 
 
    <input id="date_valute_input" type="text" value=""> 
 
</div>

Answer 3

正如@KarelG在我解析我形成输入日期评论说，现在，它的工作原理。

var days = <?php echo $days ?>; 
days = parseInt(days); 


function autoDatum() { 
var date_input = document.getElementById("date_input").value; 

var date = date_input.split("."); 


var newdate = new Date(date [2], date [1]-1, date [0]); 

newdate.setDate(newdate.getDate() + days); 

var dd = newdate.getDate(); 
var mm = newdate.getMonth() + 1; 
var y = newdate.getFullYear(); 

var someFormattedDate = dd + '.' + mm + '.' + y; 

document.getElementById('date_valute_input').value = someFormattedDate;