เกิดเป็นคนไทยมีความโชคดีหลายอย่าง แต่ที่สร้างความปวดหัวมาหลายทีก็คือปีพุทธศักราชครับ

ผมเขียนใช้เอง test เฉพาะที่ใช้ครับ ถ้ามี bug หรือข้อแนะนำก็เชิญนะครับ เรื่องเครดิตไม่ต้องให้ก็ได้ ขนาดจะใส่ credit ใน file ผมยังใส่ไม่เป็นเลยครับ จะเอาไปใช้ยังไงก็เชิญ

version นี้ถ้าแสดงผลเป็น พ.ศ. จะใช้แบบ inline ไม่ได้ครับ version หน้า (เวอร์ชาติหน้า) อาจมาว่างทำให้ใช้ได้ใช้แบบ inline ได้แล้วครับ

ผมไม่มีเวลาพล่ามมาก ใครอยากได้ก็ download เอานะครับ ตาม link ข้างล่าง ในนั้นจะมีไฟล์ index.html ไปเปิดดูมีวิธีใช้อยู่แล้วครับ

***update 2010/10/26 : option changeYear ใช้ได้แล้วครับ***
***update 2011/03/19 : option inline ใช้ได้แล้วครับ***
***update 2011/03/19 : แก้เรื่อง 29 กุมภาพันธ์แล้วครับ***
***update 2011/03/19 : เปลี่ยนจาก yearOffset: 543 เป็น isBuddhist: true แทนครับ***

Download:

jQuery Datepicker UI Plugin + ปีพ.ศ.

ทดสอบ

Datepicker

• พ.ศ.


• พ.ศ. แบบมีเลือกเดือนปี


• ค.ศ.
  

วิธีใช้

plugin นี้ base on Datepicker ใน jQuery UI v1.8.10 ซึ่งต้องการ jQuery 1.4+ ครับ
การใช้งานเหมือน Datepicker ปกติ ของ jQuery แต่มี option เพิ่มขึ้นมา 1 อันคือ “isBuddhist”

กรณี พ.ศ. ให้ใช้แบบนี้:

var d=new Date(); 
var toDay = d.getDate() + '/' 
+ (d.getMonth()+1) + '/' 
+ (d.getFullYear()+543);
$("#datepicker-th").datepicker({ dateFormat: 'dd/mm/yy',
     isBuddhist: true, 
     defaultDate: toDay ,
     dayNames: ['อาทิตย์','จันทร์','อังคาร',
                        'พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
     dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
     monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม',
                        'เมษายน','พฤษภาคม','มิถุนายน',
                        'กรกฎาคม','สิงหาคม','กันยายน',
                        'ตุลาคม','พฤศจิกายน','ธันวาคม'],
     monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.',
                         'พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.',
                         'พ.ย.','ธ.ค.']
    });

• isBuddhist ให้ใส่ true
• ใน version นี้ ต้องใส่ defaultDate ใน format วันที่พ.ศ.ด้วย ไม่เช่นนั้นปฏิทินจะแสดงผลผิดไปเป็น ค.ศ.
• ใน version นี้ยัง ใช้แบบ inline ไม่ได้ ใช้แบบ inline ได้แล้ว ครับ

กรณี ค.ศ. ให้ใช้แบบปกติเลย:

$("#datepicker-en").datepicker({ dateFormat: 'dd/mm/yy'});

• isBuddhist ให้ใส่ false หรือไม่ต้องใส่ก็ได้
• defaultDate ไม่ต้องใส่ก็ได้ หรือถ้าใส่ให้ใส่วันที่เป็นค.ศ. (ถ้าไม่ใส่ ปฏิทินจะแสดงวันที่ของวันนี้ในรูปแบบค.ศ.)
• ใช้แบบ inline ได้ตามปกติ

อนึ่ง อันนี้ผมทำใช้เอง จึง test ตามที่ผมใช้เท่านั้น ที่ทำขึ้นมาเพราะ google แล้วไม่เจอ (เจอแต่คนถามหา) หากมี bug หรือข้อแนะนำใดๆเชิญ Comment