PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

10 May 2016 By Ninenik Narkdee
fullcalendar

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ fullcalendar



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


   เพิ่มเติมเนื้อหา ครั้งที่ 1 วันที่ 27-10-2017


แจกโค้ดตัวอย่าง fullcalendar เวอร์ชั่น 3.6.2 ฉบับปรับแต่ง รองรับภาษาไทย และปี พ.ศ.

ดาวน์โหลดได้ที่ https://goo.gl/426JGS









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



Tags:: fullcalendar






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


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