Question

任何人都可以请告诉我如何设置从javascript到HTML元素的日期，是否可以这样做，因为它使用标签但不使用标签，实际上我有一个要求，我希望用户从一个输入元素中选择一个日期，它将自动在另一个日期输入元素中设置日期，延长1年。

例如，如果我从第一个输入中选择日期为02/16/2018，则它应自动填写另一个日期输入为02/16/2019。

提前致谢！

Answer 1

我希望这会对你有所帮助。

$('#field1').on('change',function(e) {
  $('#field2').val($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" Id="field1"/>
<input type="date" Id="field2"/>

Answer 2

这是代码

＆＃13;

const { format } = dateFns

function getDate() {
  var oldDate = document.getElementById("oldDate").value;
  var date = new Date(oldDate)
  var newDate = new Date(date.getFullYear()+1,date.getMonth(),date.getDay())
  document.getElementById("newDate").value = format(newDate, 'YYYY-MM-DD');
}

＆＃13;

Answer 3

我以另一种方式做到了：

＆＃13;

document.getElementById('1').addEventListener('change', function() {
	var date1 = document.getElementById('1');
        var dateSplit = document.getElementById('1').value.split("-");
        dateSplit[0] = parseInt(dateSplit[0]);
        dateSplit[0] = dateSplit[0] + 1;
        dateSplit[0] = dateSplit[0].toString();
        var date2 = document.getElementById('2').value = dateSplit[0] + "-" + dateSplit[1] + "-" + dateSplit[2];
});

＆＃13;

<!doctype html>
<html>
  <body>
    <input type="date" id="1">
    <input type="date" id="2">  
  </body>
</html>

＆＃13;

Answer 4

您可以使用https://momentjs.com/获取所需日期，并将$('selector').val(newdate)填入其他日期输入中;

如何设置日期从javascript到html <input type =“date”/>元素

4 个答案: