score:1

Accepted answer

i see you're storing your enddate as a state. so, when the user blurs startdate call validatestartdate. in that function, use the enddate state value to validate.

see the pseudo code

<div>
   <input type="text" name="startdate" value={this.state.startdate}  onblur={this.validatestartdate} /> 
    <input type="text" name="enddate"value={this.state.enddate} onblur={this.validateenddate}/> 
</div>

function validatestartdate(){
   //check this.state.startdate < this.state.enddate
}

or, you can use refs to get the enddate value.

<div>
   <input type="text" ref="startdate" name="startdate" value={this.state.startdate}  onblur={this.validatestartdate} /> 
    <input type="text" ref="enddate" name="enddate"value={this.state.enddate} onblur={this.validateenddate}/> 
</div>

function validatestartdate(){
   var startdate= reactdom.finddomnode(this.refs.startdate).value
   var enddate = reactdom.finddomnode(this.refs.enddate).value
   //check startdate < enddate
}

hope this helps!

score:0

you can use refs supported by react.check here for official documentation

<div>
    <input type="text" name="startdate" ref= (input) => {this.startdata = input.value; } value={this.state.startdate}  onblur={this.validatestartdate}  /> 
    <input type="text" name="enddate"value={this.state.enddate} onblur={this.validateenddate}/> 
</div>

in validateenddate function you can reference the ref.

validateenddate(){
    //you can use this.startdate here
}

note: refs do not work in stateless function components


Related Query

More Query from same tag