กลับไปหน้าบทความ

อ่าน 1 นาที

ตัวเลือกวันที่

องค์ประกอบการควบคุมแบบกราฟิก

ตัวเลือกวันที่, ปฏิทินป๊อปอัพ, ตัวเลือกวันที่และเวลาหรือตัวเลือกเวลาคือวิด เจ็ต ส่วนติดต่อผู้ใช้แบบกราฟิก...

ตัวเลือกวันที่

ตัวอย่างการใช้งานตัวเลือกวันที่ เมื่อผู้ใช้คลิกที่ช่องป้อนข้อมูล ปฏิทินจะปรากฏขึ้นด้านล่าง

ตัวเลือกวันที่, ปฏิทินป๊อปอัพ, ตัวเลือกวันที่และเวลาหรือตัวเลือกเวลาคือวิด เจ็ต ส่วนติดต่อผู้ใช้แบบกราฟิก ที่ช่วยให้ผู้ใช้สามารถเลือกวันที่จากปฏิทินและ/หรือเวลาจากช่วงเวลาที่กำหนด โดยทั่วไปแล้ว จะมีการจัดเตรียมช่องข้อความซึ่งเมื่อคลิกเพื่อป้อนวันที่ จะแสดงปฏิทินป๊อปอัพขึ้นมาข้างๆ หรือด้านล่างช่องข้อความเพื่อให้ผู้ใช้ป้อนวันที่ที่เหมาะสม หรือจัดเตรียมช่องข้อความที่มีไอคอนปฏิทินเพื่อให้เมื่อคลิกที่ไอคอน ปฏิทิน (หรือช่องเวลา) จะปรากฏขึ้น หรือแสดงวิดเจ็ตปฏิทินโดยตรง (แบบอินไลน์)

ตัวเลือกวันที่ให้มานั้นมีข้อดีหลายประการ ได้แก่:

  • ช่วยให้ผู้ใช้สามารถป้อนวันที่ได้โดยเพียงแค่คลิกที่วันที่ในปฏิทินแบบป๊อปอัพ แทนที่จะต้องละมือจากเมาส์เพื่อพิมพ์วันที่
  • การตรวจสอบความถูกต้องของวันที่โดยการจำกัดช่วงวันที่ เช่น เฉพาะหลังจากวันนี้และภายในสองสัปดาห์ หรือเฉพาะวันที่ในอดีต
  • สามารถป้อนช่วงวันที่ได้ โดยสำหรับชุดช่องวันที่แบบ "จาก-ถึง" หากช่อง "จาก" ถูกกรอกข้อมูลแล้ว ช่อง "ถึง" จะไม่สามารถตั้งค่าเป็นวันที่ก่อนวันที่ในช่อง "จาก" ได้ หรือหากช่อง "ถึง" ถูกกรอกข้อมูลแล้ว ช่อง "จาก" จะไม่สามารถตั้งค่าเป็นวันที่หลังจากวันที่ในช่อง "ถึง" ได้
  • สามารถมีปุ่ม "วันนี้" ได้
  • สามารถปรับแต่งวันเริ่มต้นสัปดาห์ได้
  • สามารถป้อนได้เฉพาะวันที่ที่ถูกต้องตามกฎหมายเท่านั้น เช่นไม่สามารถป้อนวันที่ 29 กุมภาพันธ์ 2100 หรือวันที่ 31 มิถุนายนได้
  • ปัญหาความสับสนเกี่ยวกับรูปแบบวันที่หมดไป เช่น 7/4/10 หมายถึงวันที่ 4 กรกฎาคม 2010, 7 เมษายน 2010 หรือ 10 เมษายน 2007?

ในกรณีของตัวเลือกเวลา มีฟังก์ชันที่คล้ายคลึงกันมากมาย เช่น การตรวจสอบให้แน่ใจว่าผู้ใช้

  • ไม่สามารถป้อนเวลาที่ไม่ถูกต้องได้ (25:18, 4:61)
  • ไม่สามารถเลือกเวลาที่อยู่นอกช่วงที่กำหนดได้ (เช่น 18:00 น. สำหรับธุรกิจที่อนุญาตให้ลูกค้าเลือกนัดหมายเองได้ แต่ธุรกิจปิดทำการเวลา 17:30 น.) หรือในช่วงเวลาที่ไม่มีพนักงานอยู่ (เช่น ช่วงพักกลางวัน)
  • ไม่สามารถเลือกช่วงเวลาที่ไม่ถูกต้องได้ (สามารถจำกัดช่วงเวลาที่เลือกให้เป็นนาทีที่ใกล้เคียงที่สุด 5, 10 หรือ 15 นาที หรือช่วงเวลาใดก็ได้ เช่น 2:30 หรือ 2:45 ใช้ได้ แต่ 2:37 ใช้ไม่ได้)

สรุปเนื้อหา

ข้อมูลสำคัญจากบทความ

ข้อมูลสำคัญเกี่ยวกับ ตัวเลือกวันที่

ตัวเลือกวันที่, ปฏิทินป๊อปอัพ, ตัวเลือกวันที่และเวลาหรือตัวเลือกเวลาคือวิด เจ็ต ส่วนติดต่อผู้ใช้แบบกราฟิก...

ลิงก์ภายนอก

ตัวเลือกวันที่ jQuery UIวีทีอีองค์ประกอบควบคุมกราฟิกการป้อนคำสั่งด้ามปรับระดับปุ่มเมนูบริบทรายการแบบดรอปดาวน์ปุ่มแฮมเบอร์เกอร์เมนูเมนูพายข้อมูลขาเข้า-ขาออกช่องทำเครื่องหมายตัวเลือกสีกล่องคอมโบปุ่มวงจรตัวเลือกวันที่มุมมองแบบตารางสวิตช์โยกกล่องรายการตัวสร้างรายก...