เราจะประยุกต์ วันที่มี 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 03-11-2010 07:13:30

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

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

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

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

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

ความคิดเห็นที่ 2

ไม่ GET แฮะ

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

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

Deawx 03-11-2010 10:53

ความคิดเห็นที่ 3

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

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

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

Ninenik 03-11-2010

ความคิดเห็นที่ 4

www.ninenik.com/แนวทาง_ประยุกต์_กำหนด_event_ให้กับ_jQuery_UI_datepicker-374.html

Ninenik 03-11-2010

ความคิดเห็นที่ 5

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

Deawx 03-11-2010 15:45

ความคิดเห็นที่ 6

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

WM 12-07-2011 14:14

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน