Show date picker in textbox in react native

Web Technologies Web Development 3 years ago

6.08K 1 0 0 0

_x000D_ _x000D_ I'm using react-native-datepicker to show date picker. My problem is I have two text box for start and end date. I want to show date picker when the user tap on text box. With this code its showing date picker but I want picker to be shown when user taps on textbox. And the selected date should be bind to the textbox. {this.setState({date: date})}} How can I achieve this? Anyhelp could be appreciated. Thanks in advance!!!

User submissions are the sole responsibility of contributors, with TuteeHUB disclaiming liability for accuracy, copyrights, or consequences of use; content is for informational purposes only and not professional advice.

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 3 years ago
_x000D_ Try the below code function _showDateTimePicker = () => this.setState({ isDateTimePickerVisible: true }); _hideDateTimePicker = () => this.setState({ isDateTimePickerVisible: false }); _handleDatePicked = date => { var dobValue='Select Date of Birth'; var date = new Date(date); if (! isNaN(date)) { this.setState({ dob: date }); } this._hideDateTimePicker(); render var dobValue='Select Date of Birth'; var date = new Date(this.state.dob); dobValue= isNaN(date) ? this.state.dob :date.getDate() + "/"+ parseInt(date.getMonth()+1) +"/"+ date.getFullYear();
0 views
0 shares

No matter what stage you're at in your education or career, TuteeHUB will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

Similar Forum


Q

Unity hosting a custom piece of code on own website [on hold]

_x000D_ _x000D_ I was wondering how would you be able to host an "API" on your own website that you...
Q

I am needing advice on a web bot [on hold]

_x000D_ _x000D_ I want to code a bot that has a GUI or CLI doesn't really matter yet but a GUI would...
Q

date and time picker, that can take a max and min absolute time, compatible with react [on hold]

_x000D_ _x000D_ I have an issue with scheduling things in a web platform (react.js), and need a date...

Important Web Technologies Links