根据到达日期和程序持续时间计算出发日期

Question

E&P Plugin for WordPress的cmets中的学习示例

我自己发现了一些错误，但仍然无法使代码工作。

案例：从选择字段 (5|7|14|30|60) 中选择到达日期（日期选择器）和计划持续时间（以天为单位）。生成出发日期

插件所有者的这段代码根本不说话

jQuery(document).ready(function(){
  jQuery('[data-title="Departure"]').on('change',checkDates);
  jQuery('[data-title="Program"]').on('change',checkDates);
});

function checkDates(){
  var nbDays = jQuery('[data-title="Program"] option:selected').attr('data-price');
    var startDate = moment(jQuery('[data-title="Arrival"]').datetimepicker('getDate'));
    var endDate = startDate.subtract(nbDays,'days');
    jQuery('[data-title="Departure"]').datetimepicker('setDate',endDate.toDate());

}

从第一个视图我发现他使用subtract而不是add

我使用https://momentjs.com/docs/ 和Format date and Subtract days using Moment.js

var startdate = moment();
startdate = startdate.subtract(1, "days");

相等

var startdate = moment().subtract(1, "days");

所以这是我的版本：

jQuery(document).ready(function(){
jQuery('[data-title="Arrival"]').on('change',checkDates);
jQuery('[data-title="Program"]').on('change',checkDates);
});

function checkDates(){
  var nbDays = jQuery('[data-title="Program"] option:selected').attr('data-price');
    var startDate = moment(jQuery('[data-title="Arrival"]').datetimepicker('getDate'));
    var endDate = moment().add(nbDays,'days');
    jQuery('[data-title="Departure"]').datetimepicker('setDate',endDate.toDate());
}

仍然没有重新计算出发日期on.click 并没有正确计算天数

Answer 1

我认为你得到了一个错误的结束日期，因为你正在执行moment().add(...)，它在脚本执行时获取当前日期（Date.now() 等相关）。

尝试使用 startDate 变量并使用 moment 原型添加它：

var endDate = startDate.add(nbDays,'days');

这将使 moment 为 startDate 而不是当前日期添加额外的天数。

最终结果：

function checkDates(){
    var nbDays = jQuery('[data-title="Program"] option:selected').attr('data-price');
    var startDate = moment(jQuery('[data-title="Arrival"]').datetimepicker('getDate'));
    var endDate = startDate.add(nbDays,'days');
    jQuery('[data-title="Departure"]').datetimepicker('setDate',endDate.toDate());
}