BlogGang.com : : หมายเลข 15 : ปฏิทินไทย กับ Java Script (v. โหลดเค้ามาแก้)

ปฏิทินไทย กับ Java Script (v. โหลดเค้ามาแก้)

เป็นการแก้ javascript calendar ที่โหลดมานะครับ ให้เป็นเวอร์ชั่นภาษาไทย

1. เริ่มจากโหลด javascript ก่อนนะครับ ในที่นี้ใช้ของ dhtmlgoodies

2. extract ไฟล์มาจะได้ ไฟล์ตาม Folder นี้นะครับ

js_calendar.html จะเป็นไฟล์ตัวอย่างที่ใช้เรียกปฏิทิน นะครับ เปิดลองใช้ดูก็ได้
เข้าไปดูวิธีเรียก ในไฟล์นี้นะครับ

3. ส่วนใน folder dhtmlgoodies_calendar จะเป็นไฟล์ style sheet กับ java script นะครับ

4. เปิดไฟล์ dhtmlgoodies_calendar.js มาครับ แล้วแก้ languageCode ='en' เป็น languageCode ='th' นะครับ
เป็นการเปลี่ยนรูปแบบภาษาของปฏิทิน ที่เราจะแสดง ซึ่งเค้าไม่มีมาให้ (เราจึงต้องเพิ่มเอง) ตามรูป (ซ้ายต้นแบบ ขวาแก้ไขแล้ว)

4.1. เพิ่มตัวแปร yearthai=543 เพื่อจะได้นำไป + เพิ่มจากปี ค.ศ. และ เพิ่มเงื่อนไขของภาษาไทย (th) เข้าไป ตามรูปครับ

4.2. function updateYearDiv จะทำการกำหนดค่า Drop Down List ที่เลือกปี จึงให้ บวก yearthai หรือ 543 เข้าไป เพื่อแสดงเป็น พ.ศ.

4.3. function selectYear เป็นการกำหนดค่า currentYear ให้กลายเป็นปี ค.ศ. (ลบ yearthai หรือ 543 เพราะ ค่าปีที่แสดงเป็น พ.ศ. แต่ตัว script ยังคำนวณแบบ ค.ศ.)

4.4. ตรงนี้เป็นส่วนแสดงของ Drop Down List เวลาเราเลือกแล้ว ให้บวก currentYear ให้เป็น พ.ศ. (=..=)''

4.5. อันนี้ไม่แน่ใจ แต่ใส่ไว้ก่อนดีกว่า อิอิ ^^^ เหมือนข้างบน

4.6. ส่วนนี้เป็นส่วนแสดงวันที่ วันปัจจุบัน ที่จะแสดงข้างล่างปฏิทินนะครับ

เสร็จแล้วสำหรับไฟล์ dhtmlgoodies_calendar.js

5. ทีนี้เปิดไฟล์ js_calendar.html ผมไปเพิ่ม input text อันนึง id=theDateShow เลียนแบบ theDate ที่มีอยู่แล้ว

5.1 แล้วทีนี้ก็ไปเพิ่ม script แปลงวันที่จาก theDate มาใส่ไว้ใน theDateShow โดย บวก 543 เพื่อเป็น พ.ศ.

5.2 จะได้ตามรูปนี้ คลิ๊กเลยยยยยยย

5.3 เลือกปีครับ

5.4 เลือกวัน เย่ๆๆๆๆ

แค่นี้ก็สำเร็จแล้วครับ ถ้าเราอยากแสดงเฉพาะช่องที่เป็น พ.ศ. ก็เปลี่ยน type=hidden ที่ theDate เลยครับ

สามารถประยุกต์ การสร้าง hidden เพื่อส่งค่าที่ที่เลือก กับแสดง ต่างกันได้ กับงานอื่นได้ครับ

หวังว่าคงเป็นประโยชน์สำหรับคนที่ ผู้ใช้อยากได้ปฏิทินเป็น พ.ศ. แบบง่ายๆ นะครับ (ไปเช็ค validate กันเองเด้อ 555)

#ขอบคุณ# dhtmlgoodies.com สำหรับ script แก้ง่ายๆ สวยๆ ครับ

Create Date : 06 กรกฎาคม 2550

Last Update : 2 กันยายน 2551 23:25:14 น.

23 comments

Counter : 2251 Pageviews.

ดูแล้ว ปวดหัวจริงๆเลย
คิคิคิ แบบว่าผมต้องแก้ตามทุกตัวเลยใช่ป่ะ

โดย: sak (psak28

) วันที่: 6 กรกฎาคม 2550 เวลา:16:27:38 น.

แวะมาเยี่ยมก่อนกลับบ้านครับ

มีความสุขในทุกๆ วันนะครับ

โดย: มิสเตอร์ฮอง

วันที่: 6 กรกฎาคม 2550 เวลา:17:11:36 น.

มึนค่ะมึน
แต่ก็มีประโยชน์มากเลยนะเนี่ย
ขอบคุณสำหรับข้อมูลดี ๆ นะจ๊ะ

โดย: ตติตา

วันที่: 6 กรกฎาคม 2550 เวลา:17:48:54 น.

พอดีลืม ไฮไลท์ โค้ดไว้ = =''

ไว้ว่างจาไฮไลท์ให้อ่านง่ายแล้วกัน อา

โดย: สกุล ยินดี

วันที่: 6 กรกฎาคม 2550 เวลา:18:11:24 น.

ขอบคุณสำหรับเนื้อหาวิธีแก้ script ดีๆแบบนี้นะคะ

โดย: นางมารน้อย IP: 58.10.198.40 วันที่: 17 กรกฎาคม 2550 เวลา:15:31:51 น.

จะมีปัญญาทำไหมนี่ยากจัก งง ก็ บอก ง่ายหน่อยได้ไหมค่ะ

โดย: ตะวันยิ้มร่า

วันที่: 18 กรกฎาคม 2550 เวลา:11:55:28 น.

Thank you very much

โดย: new born IP: 58.181.145.220 วันที่: 24 กรกฎาคม 2550 เวลา:14:16:15 น.

เปงคุณมากเลยค่ะ ถ้าไม่มีคงแย่แน่เลย = ="

โดย: อับจน IP: 124.157.217.235 วันที่: 25 กรกฎาคม 2550 เวลา:18:49:08 น.

ช่วยส่งตัวอย่างให้ดูหน่อยได้มั้ยครับ ผมลองทำตามแล้วมันรันไม่ผ่านครับ

โดย: majics IP: 58.8.71.227 วันที่: 26 กรกฎาคม 2550 เวลา:10:56:46 น.

รูปไม่ขึ้นค่ะ ช่วยอัพให้ใหม่หน่อยได้มั๊ยคะ

โดย: tiew IP: 58.8.76.220 วันที่: 15 พฤศจิกายน 2550 เวลา:12:26:53 น.

ต้องการตัวอย่างสร้างปฎิทินด้วยจาวาสคริ๊ป เพื่อจะทำรายงานส่งอาจารย์

โดย: อ๊อฟ IP: 61.19.205.245 วันที่: 27 พฤศจิกายน 2550 เวลา:11:25:19 น.

แหล่มๆ

โดย: bank IP: 58.8.93.74 วันที่: 7 มีนาคม 2551 เวลา:16:40:26 น.

ทำตามแล้ว กด cal แล้วมันไม่ขึ้นปฏิทินครับ T_T

โดย: เหอๆ IP: 58.97.55.2 วันที่: 9 เมษายน 2551 เวลา:16:55:27 น.

ช่วยอัพรูปให้ใหม่ได้มั๊ยครับ ตอนนี้กะลังต้องการปฏิทินไทยด่วนเลยอ่ะคับ

โดย: Chai IP: 58.64.73.2 วันที่: 15 กรกฎาคม 2551 เวลา:10:09:33 น.

มีโค้ดปฏิทินที่สามารถกดเข้าไปดูรายละเอียดข้างในของแต่ละวันมั้ยค่ะ

เป็นโค้ด java หรือ javascript ก้อได้

ไคมีช่วยหน่อยนะค่ะ

โดย: HOT IP: 58.137.15.210 วันที่: 8 กันยายน 2551 เวลา:8:43:00 น.

ทำไม ไม่อัพ ที่แก้แล้ว มาให้ด้วยล่ะครับ

โดย: NOName IP: 61.7.168.34 วันที่: 2 ตุลาคม 2551 เวลา:12:29:04 น.

ช่วยด้วยค่ะ !!!!!!!!!!!!!!!
ทำเป็น .html ทำงานได้
แต่ถ้าทำเป็น .php ทำงานไ ม่ได้

ช่วยบอกวิธีการแก้ไขหน่อยได้ไหม ค่ะ
พอดีจะเอาไปใส่ตรง from register ช่อง วันเดือนปี เกิดนะ

โดย: Freedom032 IP: 222.123.66.93 วันที่: 27 ธันวาคม 2551 เวลา:13:00:02 น.

ช่วยตอบด้วยครับ

โดย: freedom032 IP: 117.47.42.143 วันที่: 29 ธันวาคม 2551 เวลา:1:05:15 น.

มีประโยชน์มากๆครับ
ขอบคุณจริงๆ

โดย: apichate IP: 125.27.211.254 วันที่: 23 มิถุนายน 2552 เวลา:16:46:18 น.

ปฏิทิน (Dynarch Calendar TLE) ที่แสดงภาษาไทย และปี พ.ศ. ได้

//blog.monthon.com/2008/09/dynarch-calendar-thai-version/

โดย: Jay IP: 58.8.87.65 วันที่: 26 กรกฎาคม 2552 เวลา:2:27:51 น.

ขอโทดนะครับ
ช่วย อัพรูป ใหม่ได้ไหมครับ

รูป หาย แล้วอ่า

โดย: หนุ่ย IP: 192.168.0.100, 202.129.0.23 วันที่: 21 เมษายน 2553 เวลา:11:06:54 น.

ช่วยอัพรูปด้วยคะ อยากได้ source code ที่แก้ให้ให้แสดงเป็นวันที่ภาษาไทย รบกวนด้วยคะ

โดย: nujudge IP: 203.114.122.27 วันที่: 28 เมษายน 2553 เวลา:9:56:34 น.

ขอDownload sourcecode เลยได้มัยครับ

ขอบคุณครับ

โดย: netuse IP: 192.168.1.73, 125.26.175.24 วันที่: 29 เมษายน 2553 เวลา:10:28:49 น.