I am using a date range picker from ant js. https://ant.design/components/date-picker/
I can get the start and end date
from the date picker
and set it in the states
.
But if i want to set the defaut value to date picker, I unable to set it.
It shows below error:
react-dom.production.min.js?ca5d:196 Error: The value/defaultValue of RangePicker must be a moment object array after `antd@2.0`,
Here's the Code:
import React from 'react';
import { DatePicker} from 'antd';
class DataCheck extends React.Component {
state = { startDate:"",endDate:""}
onDateChange(date) {
this.setState({startDate:date[0]['_d'],endDate: date[1]['_d']})
}
onInitialDateSet(){
var end_date = new Date();
end_date.setDate(end_date.getDate()-15)
this.setState({startDate:new Date(), endDate:end_date})
}
componentDidMount(){
this.onInitialDateSet()
}
render() {
const { RangePicker } = DatePicker;
return (
<div>
<RangePicker defaultValue ={[moment(this.state.startDate), moment(this.state.endDate)]} size={'small'} onChange={this.onDateChange.bind(this)} />
</div>
);
}
}
export default DateCheck
Help me with some solutions.