如何根据其他日期在jquery中更改日期


How to change date in jquery based on other date

我有一个简单的PHP表单:

<form>
  Date of dispatch<br>
  <input type="datetime" name="date_dispatch" id="date_dispatch" value="2016-04-26 10:00:00"><br>
  Expected delivery timne<br>
  <input type="datetime" name="date_delivery" id="date_delivery">
  <br>
  <input type="submit" value="Submit">
</form>

用户可以指定第一个日期(何时领取包裹),第二个字段应该是预期交付的日期。但是,交货时间不能早于3个小时,然后是夹头时间。如何使用 AJAX/JQUERY 将 date_delivery 的值更改为基于 date_dispatch +3 小时自动计算。

我正在尝试一些测试,但没有结果:

$(document).ready(function(){
    $('#date_dispatch').change(function() {
    document.getElementById('date_delivery').value = 'test';
  });
});

这是我的测试小提琴:https://jsfiddle.net/xr7cm6w7/

将不胜感激任何帮助

只要

只想显示此值,就不需要使用 AJAX。在第一个输入更改函数上使用 javascript Date 对象

这里有更多关于这个的信息

下面是一个使用 jQUery 处理它的函数:

$(document).ready(function(){
  $('#date_dispatch').change(function() {
    // Get current dispatch time
    var time = new Date($('#date_dispatch').val());
    // Add 3 hours
    time.setTime(time.setHours(time.getHours()+3));
    // Set delivery time
    $('#date_delivery').val(time.toString());
  });
});

这是jsfiddle:https://jsfiddle.net/mewcg3zo/10/

您会注意到格式不同,您必须做一些额外的工作才能将日期字符串恢复到您想要的方式。 您可以在此处查看有关如何执行此操作的一些提示。 Javascript格式日期/时间