Group Blog
 
 
กรกฏาคม 2550
1234567
891011121314
15161718192021
22232425262728
293031 
 
6 กรกฏาคม 2550
 
All Blogs
 

ปฏิทินไทย กับ 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
23 comments
Last Update : 2 กันยายน 2551 23:25:14 น.
Counter : 2129 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 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 


หมายเลข 15
Location :
กรุงเทพฯ Thailand

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 1 คน [?]




Friends' blogs
[Add หมายเลข 15's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.