Skip to content

Instantly share code, notes, and snippets.

@ting11222001
Last active October 5, 2020 06:46
Show Gist options
  • Save ting11222001/9c2cc0aec359e0134c29cb6c56ca85c9 to your computer and use it in GitHub Desktop.
Save ting11222001/9c2cc0aec359e0134c29cb6c56ca85c9 to your computer and use it in GitHub Desktop.
#terminal:
$npm install react-datepicker
...
import DatePicker from 'react-datepicker';
import "react-datepicker/dist/react-datepicker.css";
...
render(){
return(
<div>
...
<div className="form-group">
<label>Account Name: </label>
<select ref="accountInput"
required
className="form-control"
value={this.state.accountname}
onChange={this.onChangeAccountname}>
{
this.state.accounts.map(function(account) {
return <option
key={account}
value={account}>{account}
</option>;
})
}
</select>
</div>
...
<div className="form-group">
<label>Date: </label>
<div>
<DatePicker
selected={this.state.date}
onChange={this.onChangeDate}
/>
</div>
</div>
...
</div>
);
};
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment