Advertisement
Guest User

datePicker

a guest
Dec 11th, 2019
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. class EditProfile extends Component {
  2.   constructor(props) {
  3.     super(props);
  4.     this.state = {
  5.         today: new Date(),
  6.         date: new Date(props.userData.birth_date),
  7.         mode: "date",
  8.     }
  9.   }
  10.  
  11. formatDate = date => {
  12.   var d = new Date(date),
  13.     month = "" + (d.getMonth() + 1),
  14.     day = "" + d.getDate(),
  15.     year = d.getFullYear();
  16.  
  17.   if (month.length < 2) month = "0" + month;
  18.   if (day.length < 2) day = "0" + day;
  19.  
  20.   return [year, month, day].join("-");
  21. };
  22.  
  23.  
  24.  
  25.  
  26. setDate = (event, date) => {
  27.     date = date || this.state.date;
  28.  
  29.     this.setState({
  30.         show: Platform.OS === "ios" ? true : false,
  31.         date: formatDate(date)
  32.       });
  33.   };
  34.  
  35.  
  36. render() {
  37.     let { today, date, mode } = this.state
  38.     return(
  39.         ...
  40.             {show && (
  41.               <DateTimePicker
  42.                 maximumDate={today}
  43.                 value={date}
  44.                 mode={mode}
  45.                 is24Hour={true}
  46.                 display="default"
  47.                 onChange={this.setDate}
  48.               />
  49.             )}
  50.         ...
  51.     )
  52.  
  53. }
  54.  
  55. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement