How to use the Ionic 6 Datetime component

In this video we are taking a closer look at the Ionic 6 datetime component and implement a stylish modal that works for all your forms!

#############################

👨‍💻 Want to read instead of watch?

😱 NEW: Capacitor Crash Course!

⚡️Take my famous 7 Day Ionic Crash Course

🤷‍♂️Want more Ionic tutorials?

#############################

❤️You can also find me...

Or join our Facebook group:

#############################

00:00 Intro
01:29 Ionic datetime presentation
05:31 Ionic datetime parsing
13:32 Ionic datetime with modal
23:07 Outro

[Mars-S]

Even 2 years still Thank you Simon, wish you only the best

[artyomzayarny]

Thank a lot. It's takes 15min to create a cool modal datePicker. I'am writing on Angular at first time.

[haniqudsi]

Thank you soooo much, , , , I've been waiting for that.
As always, you are awesome Simon.

[prajwalbagal]

Hi, Is it possible add buttons on the time popup?

[digital-artefakt]

Ionic is great tool! Thank you for your work, man, really appriciate it.

[SOjea]

Great video, just what I needed! Thank you!

[FrancescoDeGiorgio]

there is a way for selecting a range of dates? like starting / ending date?

[rmadimed]

i really appreciate your work simon realy good job you the best
and can you check please in capacitor camera toturial why it s not working on android and in your vedio you didnt show as how it s work on android you just post the image

[andersonbdm_]

Hi, how are you? How can I get the current month using the arrows?

[dominiclee]

Hi Simon, do u know how we can set default time with Ionic date time?

[pdssandeep]

@Simon is there any option to hide the mobile keypad while opening the ion-datetime in the mobile. I want to block users to enter time manually in my application

[charbelchaer]

is it possible to place the cancel and done buttons on top instead of bottom ?

[younesaberkane]

Ionic 6 datetime component is a nightmare to use and feels like still in beta.

[julianschafferhans]

Is there a way to change the font-size of the <ion-datetime [preferWheel]=true presentation="time"> ?

[hungoduy]

thanks very much for your video. I have a problem that when i pick the time, the time value displayed on the datatime is utc while the memory still get the true time selected from the time wheel.
to be more specific, at 13:14 in the video if i select 9 o'clock just like you, the value in the memory is 9 o'clock, but the value displayed on the datatime is 2 o'clock because i'm in GMT +7. please help me fix it.
I even try locale

[paoloperana]

Thanks a lot, Simon! Exactly what I was looking for! Great!

[PanamaRobinZ]

Hi Simon great video. I can't seem to get placeholders working for the date inputs, have you seen any workarounds on this issue?

[kyro]

I want to be able to set Minute and hour values depending on the day selected, so if its a saturday maybe 10-12 if its a sunday 5pm to 7 pm and so on. How can I accomplish this?

[arj]

Swipe seems to have some issues. It's not completely change to next or previous month on swiping left or right.

[JeetuChoudhary]

In the app I am working on, I need to set a default time value and then update it dynamically if there is value stored in local storage from previously. For date i am passing a string value of date and it is working. But for time when i pass "HH: mm" format then it says invalid time value. What i can do about it? any suggestions will be appreciated. Thanks