PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

แนวทางการปรับปีเป็น พ.ศ. ใน fullcalendar อย่างง่าย

10 May 2016 By


เนื้อหาต่อไปนี้เป็นแวทางการปรับปีของ 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){
						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){
				var yearBuddha=parseInt(arrDate[i])+543;
				newstrDate+=yearBuddha;
			}else{
				newstrDate+=arrDate[i]+" ";						
			}
		}		
		el.find('h2').text(newstrDate);		
	}
 
หลังจากแก้ไขแล้ว เราสามารถทำการบีบอัดไฟล์ให้เล็กลงผ่านเว็บไซต์ 
http://jscompress.com/ แล้วบันทึกกลับเป็นไฟล์ชื่อ fullcalendar.min.js แล้วนำไปใช้งานได้
ผลลัพธ์ที่ได้จะดีกว่าวิธีแรก แต่ก็จะยุ่งยากขึ้นมาเล็กน้อย 
เท่านี้เราก็สามารถแสดงปี ค.ศ. เป้นปี พ.ศ. ใน fullcalendar ได้แล้ว



เนื้อหาที่เกี่ยวข้อง



Tags:: fullcalendar





URL สำหรับอ้างอิง