Tag Archive วันที่

Byphunsanit

Joget: Date Picker

joget จะมาพร้อมกับ date picker ในตัว ซึ่งจริงๆ มันคือ date picker ของ jquery ui นั่นเอง

การใช้งาน

  1. ในหน้า form builder ให้ลาก Date Picker มาในตำแหน่งที่ต้องการ
  2. คลิก Edit icon หลัง input
  3. กรอกข้อมูล
    • ID จะใข้เป็น id ของ input และจะสร้าง column ตามรูปแบบ C_{id} ในตารางที่ผูกกับฟอร์มที่เราวาง input ในดาต้าเบสด้วย
    • Label เป็นฉลากให้กับตัว input
  4. คลิก next
  5. กรอกข้อมูล
    • 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 แบบด้วยกัน แต่ถ้าใช้บ่อยๆ ก็จะจำได้เองไม่ยากเลย