calendar bootstrap ทำปฏิทิน สนับสนุน Ajax

Booststap Knowledge ความรู้สำหรับการออกเว็บเพื่อให้แสดงผล ได้ดี ทุกหน้าจอ

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22203
Joined: 22/09/2008 6:18 pm
Contact:

calendar bootstrap ทำปฏิทิน สนับสนุน Ajax

Post by mindphp » 03/09/2013 7:02 pm

Calendar bootstrap ทำปฏิทิน สนับสนุน Ajax
ตัวอย่าง
Image

รูปแบบการใช้งาน เบื้องต้น

Code: Select all

<!DOCTYPE html>
<html>
<head>
    <title>Minimum Setup</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/calendar.css">
</head>
<body>

    <div id="calendar"></div>

    <script type="text/javascript" src="js/vendor/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="js/vendor/underscore-min.js"></script>
    <script type="text/javascript" src="js/calendar.js"></script>
    <script type="text/javascript">
        var calendar = $('#calendar').calendar();
    </script>
</body>
</html>
ถ้าเป็น ajax

Code: Select all

var calendar = $('#calendar').calendar({events_url:'/api/events.php'});
Output ที่ส่งออกมาต้องเป็น Json
ตัวอย่าง

Code: Select all

{
    "success": 1,
    "result": [
        {
            "id: 293,
            "title": "Event 1",
            "url": "http://someurl.com",
            "class": 'event-important',
            start: 12039485678000, // Milliseconds
            end: 1234576967000 // Milliseconds
        },
        ...
    ]
}
https://github.com/Serhioromano/bootstrap-calendar
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

  • Similar Topics
    Replies
    Views
    Last post

Return to “Booststap Knowledge”

Who is online

Users browsing this forum: No registered users and 10 guests