ทำ date picker ใน drupal


Date picket คืออะไรมันก็คือฟอร์มข้อมูลที่เราต้องการเก็บเป็นวันที่ แต่เราไม่ต้องมานั่งกรอกวันที่เองพอเรากดที่ฟอร์มนั่นก็จะมีปฎิทินเล็กๆแสดงออกมาให้เราเลือกได้แล้ว เท่ไปเลยใช่ปะครับดูตัวอย่างได้จาก http://jqueryui.com/demos/datepicker/

เรามาดูวิธีทำดีกันดีกว่าครับว่าทำยังไง module ที่ต้องใช้นะครับ

หลังจากติดตั้งแล้วก็ enable module ตามนี้นะครับ

  • CCK

    • Content
  • Date/Time
    • Date
    • Date API
    • Date Popup
    • Date Timezone

ต่อมาให้เราไปที่ admin/settings/date-time เพื่อทำการตั้งค่า Time zone ก่อน

หลังจากตั้งค่าเสร็จแล้วก็ไปสร้าง CCK ให้กับ content type ที่ต้องการครับ โดยไปที่ admin/content/types/list แล้วเลือก manage fields ทำการเพิ่ม field ดังรูป

ที่ label และ field name ตั้งชื่อตามต้องการและ Type of data ให้เลือก date ครับส่วน Form element to edit the data ให้เลือก Text Field with Date Pop-up calendar ดังรูปบน

ในส่วนของการตั้งค่านั้น Default value: คือการกำหนดค่าเริ่มต้นของ field

ส่วน Global settings

  • Required กำหนดให้ field นี้ต้องใส่ข้อมูล
  • Number of values: จำนวน field ที่ต้องการ
  • To Date: เป็นการเปิดใช้งานวันที่สิ้นสุด ซึ่งเมื่อเราเปิดมาจะมี field เพิ่มอีก 1 อันเพื่อระบุวันที่สิ้นสุด
  • Granularity : กำหนดการเก็บข้อมูลว่าจะใส่อะไรบ้าง เช่น วัน เดือน ปี เวลา

ส่วนค่าอื่นๆก็ลองใช้งานดูครับที่สำคัญๆก็มีแค่นี้เท่านี้ละครับเราก็จะได้ field ที่เก็บวันที่ในรูปแบบ date picker สวยงามๆแล้ว

บทความแนะนำ
blog comments powered by Disqus