เนื้อหาต่อไปนี้เป็นแวทางการปรับปีของ fullcalendar ให้เป็นปี พ.ศ. โดยจะมี 2 แนวทาง
แนวทางแรกคือการเพิ่มการจัดรูปแบบหลังจาก viewRender ซึ่งจะไม่ค่อยเนียนเท่าไหร่
เนื่องจากเป็นการเปลี่ยนข้อความในส่วนของ title หลังจาก การ render แล้ว
วิธีการคือ แทรกโค้ดส่วนของการ viewRender เข้าไปในส่วนที่เรียกใช้งานดังนี้
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | 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 แล้วไปที่บรรทัด
1 2 3 | function updateTitle(text) { el.find('h2').text(text);} |
แล้วทำการแก้ไขใหม่เป้นดังนี้
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | 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 ได้แล้ว
เนื้อหาที่เกี่ยวข้อง