将日期值更改为输入类型日期答案

【问题标题】：Change date value to input type date将日期值更改为输入类型日期
【发布时间】：2018-02-01 05:55:48
【问题描述】：

我有一个询问开始日期和结束日期的表格。下面是我的代码：

$('input[name="start"]').on('change', function(){
  var max_months = 3;
		var start = new Date($(this).val());
		var end = new Date(start.setMonth(start.getMonth() + max_months));
		$('input[name="end"]').val(end);
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="date" name="start">
<input type="date" name ="end">
</form>

所以如果我要选择一个日期“02/02/2018”。结束日期将变为“005/02/2018”

【问题讨论】：

你也可以使用end = end.toISOString().substring(0,10);。在更新结束输入框中的值之前。

标签： jquery html date

【解决方案1】：

你可以这样做：

$('input[name="start"]').on('change', function(){
    var max_months = 3;
    var start = new Date($(this).val());
    start.setMonth(start.getMonth() + max_months); /* Add 3 months */
    var day = ("0" + start.getDate()).slice(-2);
    var month = ("0" + (start.getMonth() + 1  )).slice(-2);
    var end = start.getFullYear()+"-"+(month)+"-"+(day) ;
    $('input[name="end"]').val(end);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="date" name="start">
<input type="date" name ="end">
</form>

【讨论】：