使用react计算javascript中两个日期之间的差异

使用react计算javascript中两个日期之间的差异,javascript,reactjs,semantic-ui,Javascript,Reactjs,Semantic Ui,我试图得到react中两个日期之间的差异,其中有两个日期选择器和两个时间选择器(react组件)。日期是预订的,我想用“开始日期”减去“结束日期”,得到持续时间,但当我减去两个超过24小时的日期时,我得到了-152或与实际持续时间不对应的值 代码 periodReserve = (e, idPark, title ) => { let Start_Day = this.state.startDate && this.state.startDate.format(Format

我试图得到react中两个日期之间的差异,其中有两个日期选择器和两个时间选择器(react组件)。日期是预订的,我想用“开始日期”减去“结束日期”,得到持续时间,但当我减去两个超过24小时的日期时,我得到了-152或与实际持续时间不对应的值

代码

periodReserve = (e, idPark, title ) => {
let Start_Day = this.state.startDate && this.state.startDate.format(Formatdate);
let Start_Hour = this.state.time && this.state.time.format(formatHour);
let End_Day = this.state.endDate && this.state.endDate.format(Formatdate);
let End_Hour = this.state.timeEnd && this.state.timeEnd.format(formatHour);
let diff = this.state.timeEnd - this.state.startDate;
console.log(diff);}

第一个日期选择器和时间选择器的代码(用于开始)


第二个数据选择器和时间选择器的代码

<DatePicker
    id="calendar"
    className="TestIcon"
    dateFormat='YYYY-MM-DD'
    selected={this.state.endDate}
    onChange={this.handleChangeEnd}/>

 <TimePicker showSecond={false}
  placeholder={timeEnd}
  onChange={this.onChangeEnd}> </TimePicker>

使用

this.state={startDate:1519026163000,timeEnd:1519126755000}//示例
const startDate=力矩(this.state.startDate);
const timeEnd=时刻(this.state.timeEnd);
常数差异=时间结束差异(起始日期);
const diff duration=力矩持续时间(diff);
log(“以毫秒为单位的总持续时间:,diffDuration.asmillseconds());
log(“天:,diffDuration.Days());
log(“Hours:,diffDuration.Hours());
log(“分钟:,diffDuration.Minutes());
log(“秒:,diffDuration.Seconds())
使用

this.state={startDate:1519026163000,timeEnd:1519126755000}//示例
const startDate=力矩(this.state.startDate);
const timeEnd=时刻(this.state.timeEnd);
常数差异=时间结束差异(起始日期);
const diff duration=力矩持续时间(diff);
log(“以毫秒为单位的总持续时间:,diffDuration.asmillseconds());
log(“天:,diffDuration.Days());
log(“Hours:,diffDuration.Hours());
log(“分钟:,diffDuration.Minutes());
log(“秒:,diffDuration.Seconds())

省去一些麻烦,使用
momentjs
示例代码计算持续时间省去一些麻烦,使用
momentjs
示例代码计算持续时间谢谢,这正是我需要的!!谢谢,这正是我需要的!!
<DatePicker
    id="calendar"
    className="TestIcon"
    dateFormat='YYYY-MM-DD'
    selected={this.state.endDate}
    onChange={this.handleChangeEnd}/>

 <TimePicker showSecond={false}
  placeholder={timeEnd}
  onChange={this.onChangeEnd}> </TimePicker>