PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

เราจะประยุกต์ วันที่มี event ยังไงใน jqueryUI

เราจะประยุกต์ วันที่มี event ยังไงใน jqueryUI

 $( "#datepicker" ).datepicker();

 

พอดีผมจำเป็นต้องใช้ jquery UI ในการแสดงปฏิทิน ทีนี้ ปัญหาคื อเราจะเขียนยังไง ถ้าใน ฐานข้อมูลเรามีข้อมูลวันที่
สมมุติ http://www.ninenik.com/%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%A2%E0%B8%B8%E0%B8%81%E0%B8%95%E0%B9%8C_%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%A3%E0%B8%B2%E0%B8%A2%E0%B8%81%E0%B8%B2%E0%B8%A3_%E0%B8%88%E0%B8%B2%E0%B8%81%E0%B8%90%E0%B8%B2%E0%B8%99%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5_%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%97%E0%B8%B4%E0%B8%99%E0%B8%81%E0%B8%B4%E0%B8%88%E0%B8%81%E0%B8%A3%E0%B8%A3%E0%B8%A1_%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2_fullcalendar_%E0%B9%81%E0%B8%A5%E0%B8%B0_jQuery-318.html  ฐานข้อมูลจากอันนี้ เราจะเชคว่า ถ้า event_start มีในฐานข้อมูล อยากให้วันที่นั้นมาแสดงเเป็นลิงค์ในปฏิทินของ JqueryUI

ท่านนิค ช่วยชี้แนะหน่อยครับผม Event calendar แบบใช้ JqueryUI ที่มีลิงค์ในปฏิทินของตัวมันเอง มึนตรึ๊บแล้ว
ผมเอาปฏิทินที่ใช้ PHP ในเว็บนี้ไปเขียนเพิ่มเติมปกติทำได้ แต่พอต้องใช้ร่วมกับ JqueryUI แล้วมันไม่รู้ทางไป.
 



โดย:  Deawx IP: 61.7.176.xxx วันที่: 03-11-2010 เวลา: 07:13:30

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 6

ศึกษาโค๊ดจากหลาย ๆ ที่ครับและต้องบอกว่าค่อนข้างซับซ้อนมาก  ๆ ครับ กว่าจะปรับให้ได้กับความต้องการ...ผมใช้เวลาปรับอยู่ 2-3 วัน ในการทำครับ รวมทั้งการเพิ่มข้อมูลใน DB แต่ Datepicker ของผมออกมาแบบนี้ครับ

Event Datepicker



โดย:  WM IP: 58.137.37.xxx วันที่: 12-07-2011 เวลา: 14:14:11
 ความคิดเห็นที่ 5

 ขอบคุณครับผม



โดย:  Deawx IP: 61.7.176.xxx วันที่: 03-11-2010 เวลา: 15:45:41
 ความคิดเห็นที่ 4
โดย:  Ninenik IP: 183.89.222.xxx วันที่: 03-11-2010
 ความคิดเห็นที่ 3

 อืม ถ้าแนะนำจริงๆ คือ มันซับซ้อน ภายใต้ว่า

เราต้องเอาข้อมูล วันที่ ที่มีกิจกรรม จากฐานข้อมูล มาใช้งาน
นำค่าวันที่นั้นไปใช้กับ รูปแบบ การกำหนด ลิ้งค์ ที่แนะนำเบี้องต้น
โดยที่แนะนำไปข้างต้น เป็นเพียงแนวทางว่าเรากำหนดลิ้งค์ได้ในรูปแบบ ไหน
โดยอาศัยสมมติฐานว่า ผู้ถามมีความรู้ความเข้าใจส่วนนี้ดีอยู่แล้ว เพราะที่จะทำนั้นก็
ไม่ง่าย

อย่างไรก็ตาม เนื้อหาส่วนนี้น่าสนใจ จะได้นำไปเขียนเป็นบทความแนะนำ ต่อไป



โดย:  Ninenik IP: 183.89.222.xxx วันที่: 03-11-2010
 ความคิดเห็นที่ 2

 ไม่ GET แฮะ 

แบบที่เป็นตัวอย่างเห็นมันใส่ลิงค์หมดเลยแฮะ
ถ้าวันใหนไม่มี event ในฐานข้อมูล ก็ให้มันไม่ต้อง hiligth หรือไม่ต้องให้มันสร้าง Link 

 

เอ .. หรือผมงงไปหมดแล้วจริง ๆ  ช่วยยกตัวอย่าง เอาแบบตรวจเชควันที่มา แล้ววนลูปใส่ดูให้หน่อยครับท่าน นิค  
ตัวไอ้กระพ้ม จนปัญญาจริง ๆ



โดย:  Deawx IP: 61.7.176.xxx วันที่: 03-11-2010 เวลา: 10:53:08
 ความคิดเห็นที่ 1

 สร้างฟังก์ชัน วนลูปให้กับลิ้งค์ในปฏิทิน ลองประยุกต์ดู
ตัวอย่าง


ตัวอย่างโค้ด
 

<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/ui-darkness/jquery-ui.css" />
<style type="text/css">  
.ui-datepicker{  
/*    width:150px;  */
    font-family:tahoma;  
    font-size:11px;  
    text-align:center;  
}  
</style>
 
<div id="datepicker"></div><br />
 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
<script type="text/javascript"> 
var makeEvent;
makeEvent=function(){	
	setTimeout(function(){
		$("a.ui-state-default").each(function(i,k){
			$(this).css("text-decoration","underline");
		})		
	},100);
}
$(function(){
	
	$( "#datepicker" ).datepicker({
		onChangeMonthYear:makeEvent,
		onSelect:makeEvent
	});	
 
	makeEvent();
  
});
</script>


โดย:  Ninenik IP: 183.89.222.xxx วันที่: 03-11-2010