joget จะมาพร้อมกับ date picker ในตัว ซึ่งจริง ๆ มันคือ date picker ของ jquery ui นั่นเอง
การใช้งาน
- ในหน้า form builder ให้ลาก Date Picker มาในตำแหน่งที่ต้องการ
- คลิก Edit icon หลัง input
- กรอกข้อมูล
- ID จะใข้เป็น id ของ input และจะสร้าง column ตามรูปแบบ C_{id} ในตารางที่ผูกกับฟอร์มที่เราวาง input ในดาต้าเบสด้วย
- Label เป็นฉลากให้กับตัว input
- คลิก next
- กรอกข้อมูล
- Default Value คือ ค่าที่แสดงถ้าหากยังไม่กรอกข้อมูลเอาไว้ โดยอาจจะใช้ Date Hash Variable เช่น #date.yyyy-MM-dd# แทนวันที่ปัจจุบันในรูปแบบ 2018-02-24
- Data Format จะบอกให้ Joget รู้ว่าข้อมูลที่เก็บในตารางมีรูปแบบยังไง ใช้รูปแบบ date format ของ java (อย่าลืมว่า Joget เขียนมาด้วย java) เช่น yyyy-MM-dd สำหรับข้อมูล แบบ 1982-08-05 ดู Date and Time Patterns เพิ่มเติม
- Display Format จะเป็นรูปแบบที่จะแสดงผลให้ผู้ใช้เห็น ถ้าต้องการแสดงในรูปแบบ 05 Aug 2008 ก็จะใช้ dd M yy โดยเป็นรูปแบบ jQuery UI Datepicker
จะเห็นว่ามีรูปแบบ date format ถึง 3 แบบด้วยกัน แต่ถ้าใช้บ่อย ๆ ก็จะจำได้เองไม่ยากเลย