แนวทางการปรับปีเป็น พ.ศ. ใน fullcalendar อย่างง่าย
เขียนเมื่อ 7 ปีก่อน โดย Ninenik Narkdeefullcalendar ปี พ.ศ. fullcalendar thai
คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ fullcalendar ปี พ.ศ. fullcalendar thai
คำเตือน! เนื้อหาต่อไปนี้ เป็นเนื้อหาเก่า อาจจะไม่เหมาะสำหรับนำไปใช้งาน
หรือไม่สามารถใช้งานได้แล้ว
ลองดูที่ใหม่กว่า http://niik.in/973 เป็นแนวทางแทน
ลองดูที่ใหม่กว่า http://niik.in/973 เป็นแนวทางแทน
ไปที่ Copy
เนื้อหาต่อไปนี้เป็นแวทางการปรับปีของ fullcalendar ให้เป็นปี พ.ศ. โดยจะมี 2 แนวทาง
แนวทางแรกคือการเพิ่มการจัดรูปแบบหลังจาก viewRender ซึ่งจะไม่ค่อยเนียนเท่าไหร่
เนื่องจากเป็นการเปลี่ยนข้อความในส่วนของ title หลังจาก การ render แล้ว
วิธีการคือ แทรกโค้ดส่วนของการ viewRender เข้าไปในส่วนที่เรียกใช้งานดังนี้
viewRender: function(view, element) { setTimeout(function(){ var strDate = $.trim($(".fc-center").find("h2").text()); var arrDate = strDate.split(" "); var lengthArr = arrDate.length; var newstrDate = ""; for(var i=0;i<lengthArr;i++){ if(lengthArr-1==i || parseInt(arrDate[i])>1000){ var yearBuddha=parseInt(arrDate[i])+543; newstrDate+=yearBuddha; }else{ newstrDate+=arrDate[i]+" "; } } $(".fc-center").find("h2").text(newstrDate); },5); }
แนวทางที่สอง แก้ไขในส่วนของไฟล์ fullcalendar.js โดยให้เปิดไฟล์ fullcalendar.js แล้วไปที่บรรทัด
function updateTitle(text) { el.find('h2').text(text); }
แล้วทำการแก้ไขใหม่เป้นดังนี้
function updateTitle(text) { var strDate = $.trim(text); var arrDate = strDate.split(" "); var lengthArr = arrDate.length; var newstrDate = ""; for(var i=0;i<lengthArr;i++){ if(lengthArr-1==i || parseInt(arrDate[i])>1000){ var yearBuddha=parseInt(arrDate[i])+543; newstrDate+=yearBuddha; }else{ newstrDate+=arrDate[i]+" "; } } el.find('h2').text(newstrDate); }
หลังจากแก้ไขแล้ว เราสามารถทำการบีบอัดไฟล์ให้เล็กลงผ่านเว็บไซต์
http://jscompress.com/ แล้วบันทึกกลับเป็นไฟล์ชื่อ fullcalendar.min.js แล้วนำไปใช้งานได้
ผลลัพธ์ที่ได้จะดีกว่าวิธีแรก แต่ก็จะยุ่งยากขึ้นมาเล็กน้อย
เท่านี้เราก็สามารถแสดงปี ค.ศ. เป้นปี พ.ศ. ใน fullcalendar ได้แล้ว
เพิ่มเติมเนื้อหา ครั้งที่ 1 วันที่ 27-10-2017 ( เนื้อหา [เพิ่มเติมเนื้อหา ครั้งที่ 1] นี้ไม่อัพเดท ไม่เหมาะนำไปใช้งานแล้ว)
เพิ่มเติมเนื้อหา ครั้งที่ 2 วันที่ 04-03-2019
อัพเดท แจกโค้ดตัวอย่าง fullcalendar เวอร์ชั่น 3.6.2 ฉบับปรับแต่ง รองรับภาษาไทย และปี พ.ศ.
ดาวน์โหลดได้ที่ http://bit.ly/2ELhkEI
อัพเดท แจกโค้ดตัวอย่าง fullcalendar เวอร์ชั่น 3.10.0 ฉบับปรับแต่ง รองรับภาษาไทย และปี พ.ศ.
ดาวน์โหลดได้ที่ http://bit.ly/2TxxQA8
หากต้องการคงเฉพาะปี เป็น ค.ศ ให้แก้ไข ย้อนกลับ โดยเปลี่ยนโค้ดกลับคืน ในไฟล์
fullcalendar.js ในโฟลเดอร์ fullcalendar-3.6.2 หรือ fullcalendar-3.10.0
จากนั้น สามารถนำไปใช้ได้เลย หรือจะย่อขนาดไฟล์เหมือนเดิมก็ได้
กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

เนื้อหาที่เกี่ยวข้อง
-
12 Oct2014การใช้งาน fullcalendar v.2.1.1 กับฐานข้อมูล สร้างปฏิทินกิจกรรม อ่าน 59,062
บทความเกี่ยวกับ fullcalendar เวอร์ชั่น 2.1.1 นี้ จะมีบทความมากกว่าหนึ่งบทความ
-
15 Oct2014fullcalendar v.2.1.1 แสดงกิจกรรม ในแต่ละวัน แบบ basicDay และ agendaDay อ่าน 12,812
โค้ดการะประยุกต์ต่อไปนี้ อยู่ในเงื่อนไข ที่เราต้องการแสดง กิจกรรมทั้งหมด
-
17 Oct2014ดึงข้อมูลกิจกรรม จากหลายๆ แหล่งข้อมูลมาใช้งาน ใน fullcalendar v.2.1.1 อ่าน 9,012
จากการเรียกใช้งานข้อมูล ตามหัวข้อบทความแรก เกี่ยวกับ fullcalendar v 2.1.1
-
29 Oct2014การกำหนด วันที เวลา ของ Event Object ใน fullcalendar v.2.1.1 อ่าน 12,399
การสร้างไฟล์ data_events.php จากฐานข้อมูล เพื่อกำหนด event object สำหรับใช้งา
URL สำหรับอ้างอิง
Top
Copy
ขอบคุณทุกการสนับสนุน
![]()