Javascript 日期和时间连接react Js中的值
如何在react js中连接日期和时间值。对于日期和时间选择,我使用material UI datepicker和timepicker来选择我的示例代码中的日期和时间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
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')
}