Flutter Tutorial - Cupertino Date Picker & Time Picker [2021] iOS Styled Date Picker

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ม.ค. 2025

ความคิดเห็น • 49

  • @HeyFlutter
    @HeyFlutter  2 ปีที่แล้ว

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/cupertino_datepicker_example
    Material Date Picker & Time Picker Tutorial: th-cam.com/video/a_fGsywyL90/w-d-xo.html
    Bottom Sheet Tutorial: th-cam.com/video/84OuUPoO8ng/w-d-xo.html
    Login & Signup Tutorial: th-cam.com/video/-32HIsRf26o/w-d-xo.html
    Deploy Web App With Firebase Hosting Tutorial: th-cam.com/video/xJo7Mqse960/w-d-xo.html
    QR Code Scanner Tutorial: th-cam.com/video/Z32WsUiOegs/w-d-xo.html
    Bar Code Scanner Tutorial: th-cam.com/video/Ezzx0eIB4WM/w-d-xo.html
    Crop & Save Image Tutorial: th-cam.com/video/pXbBTJt7frM/w-d-xo.html
    Text Recognition Tutorial: th-cam.com/video/TNKtGOZRA5o/w-d-xo.html
    Onboarding UI Screen Tutorial: th-cam.com/video/CQlA2p--oEg/w-d-xo.html
    Build Chat App Tutorial: th-cam.com/video/wHIcJDQbBFs/w-d-xo.html
    Tic Tac Toe Game Tutorial: th-cam.com/video/AXTbch6AvuE/w-d-xo.html
    Quiz App Tutorial: th-cam.com/video/gSvd-i0JSsU/w-d-xo.html
    Video Player Tutorial: th-cam.com/video/uz4xRnE-UIw/w-d-xo.html

  • @FilledStacks
    @FilledStacks 3 ปีที่แล้ว +1

    I did not know that this widget exists! Thanks Johannes!

  • @gabrielbonilla2238
    @gabrielbonilla2238 3 ปีที่แล้ว

    Thank you Johannes for share your knowledge and your time!

  • @doston8795
    @doston8795 2 ปีที่แล้ว

    Hi, thanks for great tutorial. I would like to ask some help if you don't mind. How I can show 3:43 result of selected date on calendar such as Table calendar or others.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว +2

      Thank You Dostonbek Abdulboriev! Follow this link: medium.com/flutter-community/a-deep-dive-into-datepicker-in-flutter-37e84f7d8d6c
      I hope you will get your answer 🙂

    • @doston8795
      @doston8795 2 ปีที่แล้ว

      @@HeyFlutter thanks a lot

  • @priyadarshinichettiar6750
    @priyadarshinichettiar6750 3 ปีที่แล้ว

    Amazing video as always. Thanks !!

  • @geraldcampana9296
    @geraldcampana9296 3 ปีที่แล้ว

    Thank you for sharing your knowledge, it help us a lot!

  • @rvb6516
    @rvb6516 3 ปีที่แล้ว

    Hi 👋 Johannes 🙂 i’m trying to use Cupertino Date Picker with the time picker also but i’d like to show only working hours 8:00a.m-6:00pm how do i do that ? Right now time picker starts at midnight 🕛

  • @thefamousdjx
    @thefamousdjx 3 ปีที่แล้ว

    2021 picker includes the nice alarm time picker where you type in the time and the digits sort of replace each other to the left. Any tutorial on that? Would be interesting to see the implementation

    • @thefamousdjx
      @thefamousdjx 3 ปีที่แล้ว

      @@HeyFlutter Awesome thanks!

  • @devnarula6733
    @devnarula6733 2 ปีที่แล้ว

    is it possible to create custom picker with multiple values?

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Dev Narula! Follow this link: stackoverflow.com/questions/70746159/flutter-date-picker-function-for-multiple-fields
      I hope you will get your answer 🙂

  • @rajasekarank4210
    @rajasekarank4210 2 ปีที่แล้ว

    Is there a way to have only a month and year in date picker, Please help.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Rajasekaran K! Follow this link: stackoverflow.com/questions/53749248/flutter-datepicker-without-day
      I hope you will get your answer 🙂

  • @hrithikreddy-upgradhooman87
    @hrithikreddy-upgradhooman87 3 ปีที่แล้ว

    Hello sir great tutotrial how can i add the cupertino selector to the textformfield and retrive the data selected to its field as text can you please help me it would be great help. Thank You :)

  • @도둘리-i7k
    @도둘리-i7k 2 ปีที่แล้ว

    Is it possible to show only one step up/down number for each element?

  • @wilbertjoshalfornon7872
    @wilbertjoshalfornon7872 2 ปีที่แล้ว

    Is there a way to change the style of cupertinoDatePicker?

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว +1

      Thank You WILBERT JOSH ALFORNON! Follow this link: stackoverflow.com/questions/55050696/how-to-change-font-size-for-cupertinodatepicker-in-flutter
      I hope you will get your answer 🙂

    • @wilbertjoshalfornon7872
      @wilbertjoshalfornon7872 2 ปีที่แล้ว

      @@HeyFlutterthankyou sir it worked!

  • @weareorpheez
    @weareorpheez 11 หลายเดือนก่อน

    How can I change the font and use a custom font with this package?

    • @HeyFlutter
      @HeyFlutter  11 หลายเดือนก่อน +1

      Thank You @weareorpheez! Follow this link: stackoverflow.com/questions/73670661/how-to-change-font-in-flutter-date-picker
      I hope you will get your answer 🙂

    • @weareorpheez
      @weareorpheez 11 หลายเดือนก่อน

      Thank you @@HeyFlutter Will check it out

  • @johnpeter122
    @johnpeter122 3 ปีที่แล้ว

    Thank you for the hard work! Keep it up :)

  • @inspiredbylenses4388
    @inspiredbylenses4388 3 ปีที่แล้ว

    Hello. I´ve been trying to use locale on the cupertino dialog, but i cannot get it working. It works fine without the modal pop up dialog. Do you know how to get it done?

    • @inspiredbylenses4388
      @inspiredbylenses4388 3 ปีที่แล้ว

      @@HeyFlutter thank you for your response. I did check that solution but I was not able to translate the months in the pop up modal. I was not able to get the locale option working for that. It works great if I don’t use the modal pop up. I don’t know what am I missing.

  • @quovadis9900
    @quovadis9900 3 ปีที่แล้ว

    Good job, Mate

  • @janammaharjan2699
    @janammaharjan2699 3 ปีที่แล้ว

    Thank you so much :)

  • @jersonmoreno5890
    @jersonmoreno5890 3 ปีที่แล้ว

    amazing video, but I have a question, is there a way to change the language of datePicker?

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Jerson Moreno! Follow this link: pub.dev/packages/flutter_datetime_picker
      I hope you will get your answer 🙂

  • @enverite2067
    @enverite2067 3 ปีที่แล้ว +1

    Thanks a lot!
    Little question: Is it only usable on IOS devices or it can also been displayed on Android devices?
    Thanks

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank you, En vérité! 🙂 Flutter is cross platform toolkit, so this code is also executable on android

  • @darshakvasoya2075
    @darshakvasoya2075 3 ปีที่แล้ว +2

    How can I pay money through UPI with my flutter app?
    Plz make it video on it as soon as possible.

    • @darshakvasoya2075
      @darshakvasoya2075 3 ปีที่แล้ว +1

      @@HeyFlutter Thank you so much.
      I humble request to you to make it as soon as possible. Please..

  • @immunemart484
    @immunemart484 3 ปีที่แล้ว

    I have tried but its running slow on real device how can we make our own? Fully functional

    • @immunemart484
      @immunemart484 3 ปีที่แล้ว

      @@HeyFlutter i have tried tutorials how to make own i got succeed but i don't know how to update that field fr current time like in this Cupertino date picker when you open that every time it's show current time as initial time and date so how to set that facilities also, and also wanna keep it flat not curvs so that's why

  • @BrYarDJ
    @BrYarDJ 3 ปีที่แล้ว

    dark mod and light mod for multi screen i need good TU. thanks

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว +1

      Thanks, Mr KaRoLL! 🙂 Watch this tutorial for learning how to integrate Light & Dark Themes in your Flutter app: th-cam.com/video/HSAa9yi0OMA/w-d-xo.html

    • @BrYarDJ
      @BrYarDJ 2 ปีที่แล้ว

      @@HeyFlutter thanks mr johannes

  • @Atlanty3M3D
    @Atlanty3M3D 3 ปีที่แล้ว

    good job thank you

  • @sovrinfo
    @sovrinfo 3 ปีที่แล้ว

    Thank you

  • @pranavgupta2900
    @pranavgupta2900 3 ปีที่แล้ว

    Awesome thanks ♥️♥️
    Hy can you please tell me how instagram, facebook or TH-cam Downloader Apps work?

    • @pranavgupta2900
      @pranavgupta2900 3 ปีที่แล้ว

      @@HeyFlutter sorry for this unrelated question
      And thankyou so much for the information ♥️

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thanks, Pranav Gupta! 🙂 This is less related to Flutter and unrelated to this video, isn't it 😉However, you simply need to get the download link of the video which you want to download from Instagram, Facebook or TH-cam, and then you download this video with the help of the HTTP package. To get this download link of a video is the trickiest part, since all these platforms make it harder for you to get this download link, because they don't want that you download the video instead they want that this video stays on their platform and that people come to their website to watch it. All in all, you need to google "how to get access to these download links" because it varies a bit for each of these websites: Instagram, Facebook & TH-cam.

  • @alexmichels5182
    @alexmichels5182 11 หลายเดือนก่อน +1

    Why he is always using helper methods and functions returning widgets. If you are building a large scale application please do not do it. create stateless widgets instead otherwise you really mess up the way flutter understands whch parts to rebuild and which not. do not use those helper methods

    • @HeyFlutter
      @HeyFlutter  11 หลายเดือนก่อน

      Thanks for your feedback, @alexmichels5182! 🙂