如何获得日期差我反应js

时间:2020-03-05 07:31:54

标签: reactjs if-statement

我创建了一个日期范围选择器来获取签入和签出日期,并且我想获取签入签出日期差并更新状态。之后,我想在输入字段中显示它。但是我不知道约会的不同!如果有人知道答案,请帮忙!

state = {
        checkin: '',
        checkout: '',
        texttwo:'

}
<DatePicker
        onChange={(e) => this.dateSelected(e, 'checkout')}
/>
<DatePicker
        onChange={(e) => this.dateSelected(e, 'checkin')}
/>
<Input
    size="default"
    placeholder="0"
    value={this.state.texttwo}
   onChange={(e) => this.calculate(e, 'two')}
 />
dateSelected = (date, dateType) => {

        if (dateType === 'checkin') {
            this.setState({
                checkin: moment(date).format('YYYY-MM-DD')
        });

        }
        else {
            this.setState({
                checkout: moment(date).format('YYYY-MM-DD')
            });
        }
        if((this.state.checkin !=='') && (this.state.checkout !=='')){
            let getCheckin = this.state.checkin;
            let getCheckout = this.state.checkout;
            let getDiff = ********
            this.setState({
                texttwo:getDiff
            });
        }

    };

1 个答案:

答案 0 :(得分:0)

您需要使用momentJS才能播放日期并使用diff()

var a = moment([2007, 0, 29]);
var b = moment([2007, 0, 28]);
a.diff(b, 'days') // 1

MomentJS Date Difference