|
 |
|
JavaScript FullCalendar อยากให้ select วันที่เลือกได้ |
|
 |
|
|
 |
 |
|
เอาใหม่อันนีไม่ได้ทำเป็นหน้าต่างใหม่ให้ดูนะครับ แต่จะทำเป็น alert ให้ดู
Code (JavaScript)
<script type="text/javascript">
jQuery( document ).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
buttonText: {//This is to add icons to the visible buttons
prev: "<span class='fa fa-caret-left'></span>",
next: "<span class='fa fa-caret-right'></span>",
today: 'today',
month: 'month',
week: 'week',
day: 'day'
},
defaultDate: new Date(),
editable: false,
events: {
url: "{{ url('asset/getallplancalendar') }}",
error: function() {
$('#script-warning').show();
}
},
loading: function(bool) {
$('#loading').toggle(bool);
}
,eventClick: function(calEvent, jsEvent, view) {
//alert('Clicked on: ' + date());
alert('Event: ' + calEvent.title);
alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
alert('View: ' + view.name);
alert('View: ' + $.fullCalendar.formatDate(calEvent.start, "yyyy-MM-dd"));
}
});
});
</script>
|
 |
 |
 |
 |
Date :
2014-09-23 19:31:52 |
By :
ch_b |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
เคยมีคนถามไว้ เรื่อง fancy popup กับ fullcalendar ค่อย ๆ หาดูครับ
ลอง หาจาก http://fullcalendar.io/docs/
|
 |
 |
 |
 |
Date :
2014-09-23 20:10:39 |
By :
apisitp |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
เสริมครับ ไม่รู้จับ FullCalendar Version ไหน แนะนำโหลดตัวใหม่ ตาม web ที่ให้ไป แล้วอะไร ๆ ก็ง่ายขึ้น
แต่ถ้าสนใจตัวเก่า ก็ที่ผมเคยทำไว้ลองศึกษาดูครับ
https://www.thaicreate.com/community/php-full-calendar-vehicles.html
ของผมเมื่อคลิกที่วันที่ จะไปแสดงเป็นหน้าเว็บใหม่ ลองปรับจากตรงนั้น
จะส่งค่าเป็น GET ก็อาจจะปรับทำเป็น POPUP ได้
ของผมใช้ id คุณก็ลองเอา date มาแทนดู
$event_array[$i_event]['url']='show2.php?id='.$rs['id'];
ทุกวันก็ใช้อยู่ครับ ว่าจะปรับ Version ใหม่ แต่ยังไม่มีแรงจูงใจ ขี้เกียจมาก ๆ
|
ประวัติการแก้ไข 2014-09-24 09:41:22
 |
 |
 |
 |
Date :
2014-09-24 09:33:01 |
By :
apisitp |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|