Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,306

HOME > PHP > PHP Forum > สอบถามเรื่องการเรียก modal Dialog โดยการคลิ้กช่องวันใน Full calendar ครับ





 

สอบถามเรื่องการเรียก modal Dialog โดยการคลิ้กช่องวันใน Full calendar ครับ

 



Topic : 123622



โพสกระทู้ ( 13 )
บทความ ( 0 )



สถานะออฟไลน์




ผมสร้าง modal Dialog ที่เป็นแบบปุ่มขึ้นมา

asd

พอเวลาคลิ้กก็จะขึ้นมาแบบนี้ครับก็จะแสดง modal Dialog

test

ผมอยากทราบวิธีเรียก modal Dialog โดยการคลิ้กวันใน fullcalendar

asdsad

code ส่วน modal Dialog ครับ

Code
  <button type="button" class="btn btn-info glyphicon glyphicon-plus" data-toggle="modal" data-target="#gridSystemModal">เพิ่มข้อมูล</button>

<div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="gridModalLabel">เพิ่มข้อมูล</h4>
      </div>
      <div class="modal-body">
        <div class="container-fluid bd-example-row">
          <div class="row">
            <form id="form" name="form"  role="form" method="post" action="">
      <table class="table table-striped">
          <tr class="active">
              <th class="text-center">แพทย์</th>
              <th class="text-center">วันที่</th>
              <th class="text-center">เวลาเริ่มงาน</th>
              <th class="text-center">เวลาเลิกงาน</th>
               <th class="text-center">สาขา</th>
              
          </tr>
         <tbody class="place-datarow">
              <tr class="datarow" >
                  <td>
                   <input name="h_item_id[]" type="hidden" id="h_item_id[]" value="" />  
                    <select name="data1[]" id="data1[]" class="form-control css_i_select" required>
                    <option value="" required>เลือกแพทย์</option>  
                       <?php
                        for($i=0;$i<$doctor_number;$i++) {
                          $d_id      = $doctor_data[$i]['doctor_id'];
                          $d_name    = $doctor_data[$i]['doctor_name'];
                          $d_nick    = $doctor_data[$i]['doctor_nick'];
                          $d_surname = $doctor_data[$i]['doctor_surname'];
                          echo "<option value='$d_nick'>$d_nick($d_name $d_surname)</option>";
                        }
                      ?>
                    </select>  
                      
                  </td>
                  <td>
                 <input type="text" class="form-control css_datetime_picker" name="data2[]" value="" id="default_datetimepicker" required>
                  </td>
                  <td>
                  <select id='data3[]' name='data3[]' class='form-control' >
                      <option value='10:00'>10:00</option>";
                      </select>
                  </td>
                   <td>
                  <select id='data4[]' name='data4[]' class='form-control' >
                       <option value='19:00'>19:00</option>";
                      </select>
                  </td>
                   <td>
                  <select id='data5[]' name='data5[]'  class='form-control' required>
                  <option value="">เลือกสาขา</option>  
                      <?php
                        for($i=0;$i<8;$i++) {
                          echo "<option value='$locate[$i]'>".$locate[$i]."</option>";
                        }
                      ?>
                      </select>
                  </td>
              </tr>
          </tbody>
      </table>
      <br>
      <table class="table">
          <tr>
              <td width="50" class="tex-center">
               <button id="addRow" type="button" class="btn btn-info">+ เพิ่มรายการ</button>      
              </td>
              <td width="50" class="tex-center">
               <button id="removeRow" type="button" class="btn btn-danger">- ลบรายการ</button>      
              </td>
              <td class="text-right">
                 <input type="submit" name="Submit" id="Submit" value="บันทึกข้อมูล" class="btn btn-success" />
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                 </td>
          </tr>
      </table>
      </form>
      </div>
         
      
        </div>
      </div>
    </div>
  </div>
</div>


ส่วน script ครับ

Code
<script type="text/javascript">
jQuery( document ).ready(function() {   
      var currentLangCode = 'th';
      $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },          
            eventLimit: true, // allow "more" link when too many events
            defaultDate: new Date(),
             defaultView: 'month',
            lang: currentLangCode,
			timezone: 'Asia/Bangkok',
            events: {
            url: 'data_events.php',
         	},  
            loading: function(bool) {
                $('#loading').toggle(bool);
            },
            selectable: true,
            selectHelper: true,
            select: function(start, end) {
                var title = prompt('Event Title:');
                var eventData;
                if (title) {
                    eventData = {
                        title: title,
                        start: start,
                        end: end
                    };
                    $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
                }
                $('#calendar').fullCalendar('unselect');
            },
           
           
			eventClick: function(event) {
    if (event.url) {
      $.fancybox({
        		'href' : event.url,
        		'type' : 'iframe',
				'autoScale'     	: false,
				'openEffect' : 'elastic',
        		'openSpeed'  : 'fast',
                'closeEffect' : 'elastic',
        		'closeSpeed'  : 'fast',
				'closeBtn'  : true,
				onClosed	:	function() {
					parent.location.reload(true); 
				},
				helpers : {
					thumbs : {
						width  : 50,
						height : 50
					},
					
					overlay : {
            				css : {
                				'background' : 'rgba(49, 176, 213, 0.7)'
           			 }
       				 }
				}
            });
      return false;
    }
  },

        });
    });
</script>


รบกวนด้วยครับ ขอบคุณครับ



Tag : PHP, JavaScript, jQuery









ประวัติการแก้ไข
2016-06-29 15:20:23
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-06-29 14:36:37 By : circle2013 View : 1471 Reply : 7
 

 

No. 1



โพสกระทู้ ( 5,093 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


เรื่องอื่นยังไม่ได้อ่าน เอาแค่ modal ครับ ไม่ใช่ model พออ่านคำถามเจอ model มันพางงครับ

#edit1
1.เรียก modal ขึ้นมา จากนั้นไปคลิกที่ปฏิทินแล้วให้ วันที่มาแสดงที่ modal ที่เปิดอยู่ หรือ
2. คลิกที่ตัว ปฏิทิน แล้วให้มันเด้ง modal ขึ้นมาพร้อมวันที่ ตามที่คลิก








ประวัติการแก้ไข
2016-06-29 14:55:44
2016-06-29 14:56:03
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-29 14:50:58 By : apisitp
 


 

No. 2



โพสกระทู้ ( 13 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : apisitp เมื่อวันที่ 2016-06-29 14:50:58
รายละเอียดของการตอบ ::
ขอบคุณครับ แบบที่ 2 ครับ อยากให้คลิ้กวันที่แล้ว modal เด้งขึ้นมาพร้อมวันที่ตามคลิ้กเลยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-29 15:19:18 By : circle2013
 

 

No. 3



โพสกระทู้ ( 5,093 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


อีกคำถามครับ คลิกตรง "พื้นที่ว่างของวันนั้นๆ" หรือ "คลิกที่ชื่อแพทย์" ที่มีอยู่แล้วครับ
ถ้า "คลิกที่ชื่อแพทย์" คงทำได้ใน Docs มีอยู่
แต่ คลิกตรง "พื้นที่ว่างของวันนั้นๆ" ยังไม่เห็นใน Docs ของ FullCalendar เดี๋ยวจะลองช่วยหาใน stackoverflow
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-29 16:13:54 By : apisitp
 


 

No. 4



โพสกระทู้ ( 13 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 3 เขียนโดย : apisitp เมื่อวันที่ 2016-06-29 16:13:54
รายละเอียดของการตอบ ::
คลิ้กที่พื้นที่ว่างครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-30 02:54:09 By : circle2013
 


 

No. 5



โพสกระทู้ ( 5,093 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


จับ class ของ td ครับ ตย.เช่น

<td class="fc-day fc-widget-content fc-sun fc-past" data-date="2016-06-05"></td>


ลองทดสอบดู
<script> $(document).ready(function() { $(".fc-day").on("click", function(){ var getDate = $(this).attr('data-date'); console.log(getDate); alert(getDate); }); }); </script>


คลิกได้แล้วอยู่ที่ประยุกต์ต่อครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-30 10:44:03 By : apisitp
 


 

No. 6



โพสกระทู้ ( 13 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 5 เขียนโดย : apisitp เมื่อวันที่ 2016-06-30 10:44:03
รายละเอียดของการตอบ ::
ได้แล้วครับขอบคุณครับ

Code
select: function(date) {
var getdate = (date.format());
$('#gridSystemModal').modal({
show: 'false'
});

$('#obj').val(getdate);
},


ใน input กำหนด id เป็น obj ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-05 11:50:27 By : circle2013
 


 

No. 7



โพสกระทู้ ( 73,896 )
บทความ ( 837 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-06 10:12:26 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเรื่องการเรียก modal Dialog โดยการคลิ้กช่องวันใน Full calendar ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่