Javascript 日期和时间连接react Js中的值

Javascript 日期和时间连接react Js中的值,javascript,reactjs,Javascript,Reactjs,如何在react js中连接日期和时间值。对于日期和时间选择,我使用material UI datepicker和timepicker来选择我的示例代码中的日期和时间 selectDate(event, date) { this.setState({ updatedDate: moment(date).format('DD-MM-YYYY'), }); } selectTime(event, time) { this.setState({ startime: mom

如何在react js中连接日期和时间值。对于日期和时间选择,我使用material UI datepicker和timepicker来选择我的示例代码中的日期和时间

selectDate(event, date) {
  this.setState({
    updatedDate: moment(date).format('DD-MM-YYYY'),
  });
}

selectTime(event, time) {
  this.setState({
    startime: moment(time).format('HH:mm')
  });
}

我想将这种格式转换成
YYYY-MM-DDThh:MM:ss
这种格式

如果它真的必须始终保持一个datetime字符串的状态,那么沿着这些行应该可以工作(即,获取先前设置的状态字符串,转换为
对象,仅修改相关部分,然后再次作为字符串应用回状态)

但如果它们都以实际日期对象的形式存储在状态中,并且只有在某些输出中需要作为字符串时才组合/格式化,那么将更加灵活,这样,如果需要在不同的位置进行不同的格式化,您仍然可以从同一状态派生它

selectDate = (event, date) => this.setState({date})

selectTime = (event, time) => this.setState({time})

getSelectedDatetimeStr = () => {
  const date = moment(this.state.date || {})
  const time = moment(this.state.time || {})
  return moment({
    year: date.year(),
    month: date.month(),
    day: date.date(),
    hours: time.hours(),
    minute: time.minutes()
  }).format('YYYY-MM-DDThh:mm:ss')
}
selectDate = (event, date) => this.setState({date})

selectTime = (event, time) => this.setState({time})

getSelectedDatetimeStr = () => {
  const date = moment(this.state.date || {})
  const time = moment(this.state.time || {})
  return moment({
    year: date.year(),
    month: date.month(),
    day: date.date(),
    hours: time.hours(),
    minute: time.minutes()
  }).format('YYYY-MM-DDThh:mm:ss')
}