Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
English |
---|
In this article, one will learn on how to configure the Form element's Date Picker and on how it would affect other elements down the line based on the sample below. The objective of this article is to configure everything that is related to date picker (date elements) to a single format, which is dd-mm-yyyy and to be able to sort records correctly using the same date element too. |
Thai |
---|
ในบทความนี้เราจะเรียนรู้วิธีกำหนดค่าตัวใช้ Date Picker ขององค์ประกอบฟอร์มและวิธีที่จะมีผลกับองค์ประกอบอื่น ๆ ตามบรรทัดตามตัวอย่างด้านล่าง วัตถุประสงค์ของบทความนี้คือการกำหนดค่าทุกอย่างที่เกี่ยวข้องกับตัวใช้เลือกวันที่ (องค์ประกอบวันที่) เป็นรูปแบบเดียวซึ่งเป็น dd-mm-yyyy และสามารถจัดเรียงระเบียนได้อย่างถูกต้องโดยใช้องค์ประกอบวันที่เดียวกัน |
Figure 1: Form Date Picker Configurations
...
When the form is submitted, it will be stored as 2016-06-02 because the Data Format is set to yyyy-MM-dd.
Thai |
---|
ขึ้นอยู่กับการกำหนดค่าด้านบนตัวเลือก Date Picker เมื่อมีคนเลือกวันที่ (เช่น 2 มิถุนายน 2016) จะแสดงวันที่ 02-06-2016 แก่ผู้ใช้ นี่เป็นเพราะรูปแบบการแสดงผลถูกตั้งค่าเป็น dd-mm-yy เมื่อส่งแบบฟอร์มมันจะถูกจัดเก็บเป็น 2016-06-02 เนื่องจากรูปแบบข้อมูลถูกตั้งค่าเป็น yyyy-MM-dd |
Figure 2: Date Formatter Configurations
...
When one view the records submitted in a DatalistList , the date value shown will be based on the the Data Format set earlier. Therefore, to make the date to show in our desired format, we will need to make use of the Date Formatter with the configurations as shown above.
...
Info | ||
---|---|---|
| ||
All form fields will be treated and saved as string/characters to maintain flexibility in form design.
|
Figure 3: Date Range Filter Configurations
...