在react/javascript中处理日期和时间

在react/javascript中处理日期和时间,javascript,arrays,reactjs,datepicker,momentjs,Javascript,Arrays,Reactjs,Datepicker,Momentjs,根据第一个日期字段自动填充其他日期字段 1。我有一个包含12个索引的数组“ListofPaysIndex”,我正在使用这个数组遍历她并呈现12个DateInput字段 2。您可以单击每个字段并选择日期 3.当您在第一个日期输入中选择日期时,所有其他日期输入都应自动填入下个月 当前行为是:当您选择firstDate时,所有其他字段上的日期都相同 预期行为是:当您选择firstDate时,每个下一个字段都会自动选择下一个装载日期 问题是我选择2018年11月6日 我于11月6日进入第一个领域,在所

根据第一个日期字段自动填充其他日期字段

1。我有一个包含12个索引的数组“ListofPaysIndex”,我正在使用这个数组遍历她并呈现12个DateInput字段

2。您可以单击每个字段并选择日期

3.当您在第一个日期输入中选择日期时,所有其他日期输入都应自动填入下个月

当前行为是:当您选择firstDate时,所有其他字段上的日期都相同

预期行为是:当您选择firstDate时,每个下一个字段都会自动选择下一个装载日期

  • 问题是我选择2018年11月6日 我于11月6日进入第一个领域,在所有其他领域,我于2018年12月6日进入第二个领域

  • 但是,应该继续切换到下一个月,并在下一个月的日期

  • 我认为这行代码有问题:returnfirstdate.add(1,'months').format('MM/DD/YYYY'))

代码示例:

fillingDatesArray = (data, values, periodType, periodLength) => {
  let listOfPaysIndexes = []
  listOfPaysIndexes = This array have 12 indexes

if (periodType === 'monthly') {
  values.ending_period_monthly = listOfPaysIndexes.map(value => {
    let firstDate = new Date(data.value)
    return firstDate.add(1, 'months').format('MM/DD/YYYY')
  })
}
以下是该日期输入的屏幕截图:

尝试在
地图中克隆您的时刻日期
,这样每个值对同一
时刻对象的引用就不同了

let firstDate = moment(data.value)
...
return firstDate.clone().add(1, 'months').format('MM/DD/YYYY')
而不是:

return firstDate.add(1, 'months').format('MM/DD/YYYY')

问题是什么?@Liam的问题是,如果我选择2018年11月6日,我会在第一个字段中选择11月6日,在所有其他字段中选择2018年12月6日。但应该继续切换到下一个mounths。这行代码有问题:return firstDate.add(1,'months').format('MM/DD/YYYY')此问题是react DOM、事件侦听器和事件处理程序的组合。您只发布了事件处理程序。您可以发布react DOM和事件侦听器的代码段吗?