![](https://chara.ir/saas/wp-content/uploads/2022/11/image-48.png)
توی این مطلب میخوام استفاده از ویجت Timepicker رو آموزش بدم با من همراه باشید
برای شروع ما میتونیم یه متغییر تعریف کنیم از نوع Time مشابه تصویر زیر
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-49.png)
خب ما توی کد بالا زمان اکنون رو تعریف کردیم حالا یه column ایجاد میکنیم و یه Text بهش میدیم و داخل این Text ساعت و دقیقه رو نمایش میدیم مثل تصویر زیر :
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-50.png)
در ادامه من یک دکمه ایجاد میکنم و زمانی که روی این دکمه کلیک شد زمان اولیه که در متد initialtime هست رو بهش پاس میدم
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-51.png)
یه property دیگه وجود داره با نام inilialEntryMode که میتونید باهاش حالت ورودی اولیه رو تعیین کنید طبق تصویر زیر
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-52.png)
در ادامه یه شرط ایجاد میکنیم که اگه متغییر timeofday ما نال نبود برامون یه استیت و اجرا کنه طبق تصویر زیر
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-53.png)
خب حالا کد هامون رو اگه اجرا کنم و روی دکمه کلیک کنم خروجی مطابق تصویر زیر هست
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-54.png)
امیدوارم از این آموزش لذت برده باشید