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

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา เราจะประยุกต์ วันที่มี event ยังไงใน jqueryUI

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

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

 

พอดีผมจำเป็นต้องใช้ jquery UI ในการแสดงปฏิทิน ทีนี้ ปัญหาคื อเราจะเขียนยังไง ถ้าใน ฐานข้อมูลเรามีข้อมูลวันที่
สมมุติ https://www.ninenik.com/ประยุกต์_ใช้รายการ_จากฐานข้อมูล_สร้างปฏิทินกิจกรรม_ด้วย_fullcalendar_และ_jQuery-318.html  ฐานข้อมูลจากอันนี้ เราจะเชคว่า ถ้า event_start มีในฐานข้อมูล อยากให้วันที่นั้นมาแสดงเเป็นลิงค์ในปฏิทินของ JqueryUI

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



Deawx 61.7.176.xxx 03-11-2010 07:13:30

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

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


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


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 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 183.89.222.xxx 03-11-2010
 ความคิดเห็นที่ 2

 ไม่ GET แฮะ 

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

 

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



Deawx 61.7.176.xxx 03-11-2010 10:53
 ความคิดเห็นที่ 3

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

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

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



Ninenik 183.89.222.xxx 03-11-2010
 ความคิดเห็นที่ 4
Ninenik 183.89.222.xxx 03-11-2010
 ความคิดเห็นที่ 5

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



Deawx 61.7.176.xxx 03-11-2010 15:45
 ความคิดเห็นที่ 6

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

Event Datepicker



WM 58.137.37.xxx 12-07-2011 14:14
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ