fullcalendar

fullcalendar fullCalendar

Documentation
Change Log

This extension is fullCalendar alt "例图"

Documentation ¶

Requirements ¶

Yii 1.0 or above

Installation ¶

Extract the release file under protected/extensions

Usage ¶

See the following code example:

$this->widget('application.extensions.fullcalendar.FullcalendarGraphWidget', 
    array(
    	'data'=>array(
				'title'=> 'All Day Event',
				'start'=> date('Y-m-j')
		),
        'options'=>array(
			'editable'=>true,
        ),
        'htmlOptions'=>array(
               'style'=>'width:800px;margin: 0 auto;'
        ),
    )
);

Change Log ¶

June 20, 2010 ¶

Initial release.

27 1

8 468

Yii Version: 1.1

License: BSD-2-Clause

Category: User Interface

Developed by:

sharehua

Created: Jun 20, 2010

Updated: 16 years ago

Downloads

show all

#42

7 0

multiple event issue

Well, I couldn't get it to support multiple events without editing a line of the source. In line 20 of FullCalendarGraphWidget I changed

'events'=>array($this->data)

'events'=>$this->data

as it seemed to me that the proper consumption should look something like this

    'data' => array(
        array(
            'title' => 'My First Appointment',
            'start' => '2010-10-04',
        ),
        array(
            'title' => 'My Second Appointment',
            'start' => '2010-10-05',
        ),
    ),

Was there another way to get this to work?

thinkt4nk at Oct 6, 2010, 2:19:01 AM

#127

0 0

Works great until you want to embed callback functions

Like giobien5 mentioned, when you want to embed some callback functions you will run into problems. This includes just about any javascript function you would use to handle the updating or adding of items in the calendar.

Basically this extension works great if you just want to display a calendar but not use any of FullCalendars ajax functionality to manipulate calendar events.

So this is off to a great start and I will try to update the extension with the extra functionality for everyone to use.

Sharehua, do you think you could start a google code project for this so we can commit changes we make for the community?

blindMoe at Sep 2, 2010, 5:25:15 PM

#230

0 0

documentation

How to interact with the calendar (add, remove, update events)?

alefusion at Aug 2, 2010, 9:49:35 AM

#278

0 0

Works really well.

Thank you for your effort here.

GDzyne at Jul 21, 2010, 7:54:25 PM

#6697

0 0

Drag and Drop not working

Is Drag and Drop functionality working in this widget?
When I try to drag event to another place it returns to its previous one.
Then I tried to replace assets to fullcalendar 1.5.2, events now can be dragged but they are not attached to days. They can be dragged but nothing happens, callbacks are not runs.

alex-ks at Jan 30, 2012, 9:45:43 AM

#6700

0 0

Drag and Drop

Ok. Found the solution and fixed JS here: http://code.google.com/p/fullcalendar/issues/detail?id=1168
Problem was in jQuery version.

alex-ks at Jan 30, 2012, 10:49:03 AM

#6917

0 0

Event colors

How can change the color for individual event?

tabai at Feb 13, 2012, 6:16:45 PM

#7786

1 0

re: Event colors

Full Calendar can but the params needs to be passed via the event data.
check out full calenders site at: http://arshaw.com/fullcalendar/docs/event_data/Event_Object/

There is different css prams that can be passed to the front-end via the json object containing the event data.

EDIT- the version of Full Calendar being used is 1.4.6, you will have to upgrade the assets to 1.5.3 to use the css funciton.

'data'=>array(
                'title'=> 'All Day Event',
                'start'=> date('Y-m-j'),
                'color'=>'#000000',
                
        ),

you can assign the events to hard codes js by doing the following:

'eventClick'=>'js:function(event, eventElement){ 
                                                      alert("hello");
                                                }',

so my full code would look like this:

$this->widget('application.extensions.fullcalendar.FullcalendarGraphWidget', 
    array(
        'data'=>array(
                'title'=> 'All Day Event',
                'start'=> date('Y-m-j'),
                'color'=>'#000000',
                
        ),
        'options'=>array(
            'editable'=>true,
            'defaultView'=>'agendaWeek',
            'eventClick'=>'js:function(event, eventElement){
                                                                            alert("hello");
                                                                        }',
        ),
        
        'htmlOptions'=>array(
               'style'=>'width:800px;margin: 0 auto;'
        ),
    )
);

tom@cu at Apr 18, 2012, 1:42:06 PM

#7792

1 0

event data tip...

TIP -- after some issues i found that if you ae supplying data to FullCalendar via a url you have to have the data enclosed in double quotes not single.

This works:

[{"title":"Thomas T","start":"2012-04-16 01:00","end":"2012-04-16 06:00","id":"2145","opID":"3","groupID":"1","allDay":false,"imageurl":"","borderColor":"#7F7F7F","shiftStatus":"1","backgroundColor":"#658ced"},{"title":"Thomas T","start":"2012-04-18 01:00","end":"2012-04-18 08:00","id":"2133","opID":"3","groupID":"1","allDay":false,"imageurl":"","borderColor":"#7F7F7F","shiftStatus":"1","backgroundColor":"#658ced"}]

This Does Not:

[{'title':'Thomas T','start':'2012-04-16 01:00','end':'2012-04-16 06:00','id':'2145','opID':'3','groupID':'1','allDay':false,'imageurl':'','borderColor':'#7F7F7F','shiftStatus':'1','backgroundColor':'#658ced'},{'title':'Thomas T','start':'2012-04-18 01:00','end':'2012-04-18 08:00','id':'2133','opID':'3','groupID':'1','allDay':false,'imageurl':'','borderColor':'#7F7F7F','shiftStatus':'1','backgroundColor':'#658ced'}]

I had to do this in my function that returns my calendar data:

return str_replace("'", '"', CJavaScript::encode($calItems));

tom@cu at Apr 19, 2012, 2:19:50 AM

#11787

0 0

add multiple events with different colrs

how can i add multiple events with multiple colors. please help me. i inspire with your work

ranairfan at Feb 4, 2013, 9:19:15 AM

#11808

1 0

how to change color for different events

how to change color for different events?

ranairfan at Feb 5, 2013, 9:35:38 AM

#12372

0 0

Show HTML

Hello Thanks for this work, any way to show a photo or print html in the event?

Regards

Andre Lopez at Mar 16, 2013, 10:16:33 PM

#13150

1 0

hi friends

this extensions have some issue on yii 1.1.13 its not showing calender some css issue.

rajesh chaurasia at May 8, 2013, 10:49:39 AM

#13152

0 0

Need upgrade

This extension requires a upgrade.

shiv at May 8, 2013, 9:07:01 PM

#13353

0 0

How to give Red Colour on Sunday ??

hello guyz i've one problem i want to add colour on every sundays and second and fourth Saturday plz help me

Vicky Joshi at May 24, 2013, 5:46:11 AM

#13726

0 0

Html format for event title

How can I change the html format events title? for example I want to bold, italic or may be putting a line break. Please help....

xander at Jun 20, 2013, 12:02:59 AM

#15830

0 0

updated version available

http://www.yiiframework.com/extension/efullcalendar/

Tanguy at Dec 20, 2013, 3:31:18 PM

#20033

0 0

Jquery error on call fullcalender

Hi
How can I get rid of following error

Uncaught TypeError: Cannot read property 'length' of undefined
    at Function.each (jquery.js:583)
    at Function.t.widget (jquery-ui.min.js:6)
    at jquery-ui.min.js:6
    at jquery-ui.min.js:6
    at jquery-ui.min.js:6

RakhiKasat at Feb 23, 2017, 8:12:52 AM

#20525

0 0

Next Previous buttons are not working
i am loading event from google clanader. its loading events fine on page load, but when i try to see the next month event or previous month events. its not loading events.
doing nothing. no error no warrnning ,
Needs Help

amu at May 11, 2019, 3:39:12 PM

Please only use comments to help explain the above extension.
If you have any questions, please ask in the forum instead.

Join the conversation to share a note.