บทความ Flutter
Date Picker on Flutter
Written by มาสเตอร์ อึ่งตามคำเรียกร้องครับ เมื่อหลายวันก่อน น้องๆ ที่มาเรียน คอร์ส สอน Flutter ตัวต่อตัว กับ มาสเตอร์ อึ่ง เลือก หัวข้อนี่ให้ สอนครับ
ดูเพิ่มเติมที่
https://www.androidthai.in.th/private-project-android-flutter-course.html
เลยอยาก แชร์ ให้เพื่อนๆ ที่กำลังจะ เขียน Flutter ให้ใช้ Date Picker ให้การเลือกวันครับ
เรามาเริ่มต้นกันเลยครับ
สิ่งแรก มาสเตอร์ ประกาศตัวแปร dateTime มีชนิดข้อมูลแบบ DateTime ถ้า เมธอด initState ทำงาน จะหา วันปัจุบัน มากำหนดให้ dateTime ของเราครับ
ส่วนนี่คือ เมธอด showDate ที่ Return ค่ากลับ เป็น Widget ไปแสดงที่หน้าจอ แบบนี้ครับ
มาสเตอร์ Get Event จากการคลิก ให้เปิด Date Picker แบบนี้
โดย ทำงานที่ เมธอด chooseDate()
จะทำการ เอา dateTime ไปกำหนด ที่ showDatePicker() ครับ กำหนด ปีย้อนหลัง และ นำหน้า ไป อย่างละ 5 ปีสิ่งที่เลือก จะไปกำหนดที่ dateTime พร้อม SetState เพื่อให้ เมธอด build วาด State ใหม่
ลองเลือกวันใหม่
สังเกตุ วันที่เลือกจะไป Set ค่าที่ Texe Widget แบบนี่ครับ ลองทำตามดูนะครับ