Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Native Tutorial - Adding a DateTime Picker to Silent Auction App - Part 20

Ben Awad via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to implement a datetime picker field in a React Native form for a silent auction app. Explore the process of importing and creating a Date Picker component, handling visibility toggling, debugging common issues, and managing date formatting. Follow along as the tutorial demonstrates fixing the Date Picker, implementing confirm and cancel functionality, and handling the picked date. Practice testing the button, visibility, and content of the datetime picker while understanding the differences between time and date formats. Gain insights into using Moment.js for date manipulation and formatting in your React Native application.

Syllabus

Intro
Date Picker Component
Import Date Picker Component
Create Date Picker
Toggle Visibility
Debugging
Fixing Date Picker
Fixing ConfirmOnCancel
Fixing DatePicked
Handling DatePicked
Removing Button
Testing Button
Testing Visibility
Testing Content
Time vs Date
Date
DateState
DateFormat
Moment
Date Object
Date Format
Date Data
Item Last
Margin

Taught by

Ben Awad

Reviews

Start your review of React Native Tutorial - Adding a DateTime Picker to Silent Auction App - Part 20

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.