YoVDO

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

Offered By: Ben Awad via YouTube

Tags

React Native Courses Mobile Development Courses Javascript Courses

Course Description

Overview

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

Related Courses

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera