เนื้อหาต่อไปนี้เป็นแวทางการปรับปีของ 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 ได้แล้ว