Tutorial: HowTo create a simple Eventcalendar

[Alicia]

This is a great tutorial! I've got the events calendar up and running and now I'm working on customization.

Has anyone used this calendar with multi-day events? We have a lot of events that run on Saturday and Sunday. I could duplicate the event (ie "Day Two") as a separate entry if I needed to, but I wondered if anyone had tried multi-day events before a different way. I'm using the code snippet for allowing multiple events on one day, too, btw.

Thanks!

[ryan]

I think that supporting multi-day events would just be a matter of adding an end_date field, and consider the existing date field a start_date field. Either that, or you could use a "number of days" field instead of an end_date, but I think having distinct start_date and end_date fields is better because they can support a time component, and they can be queried more easily. 

[Mass Harry]

how to create new calender event step by step??

[chan]

Dear Luis,

For the link you provide: http://tympanus.net/...alendar-plugin, inside there has 2 demo, could you tell me how to fix demo 2 as it just have days from mon to sat only, all sundays are just blank?? Many thanks!

[OrganizedFellow]

Nice calendar tutorial. I have it bookmarked. Will try later

[Gideon So]

Very useful tutorial. I would to display all the events in the month under the calendar. How can I do this??

Thanks.

Gideon

[Nagendra]

Hello,

Can any body mail complete code which was working well to this mail nagendra.kovvada@gmail.com

Thank you

[netcarver]

@Nagendra

Hello

As far as I know, all the code needed is in the first post in this thread, (link to first post).

Have you tried following the tutorial? If so, can you describe what is, and what is not, working and perhaps people can try to help you out. Your request, as it stands, is pretty ill defined.

 

[rareyush]

is it possible to get time as well in this?

[pppws]

hey there,

i'm pretty sure it's a dumb question, but im getting console errors for unexpected tokens: <

 

var cal = $( '#calendar' ).calendario({
        displayWeekAbbr : true,
        caldata : {
            <?= getEvents(); ?> // this is our function to grab our events
         }
    });

 

[Autofahrn]

Looks like you've placed the inline script into a JS file, right? In that case you'll need a different approach to get the event data into the JS world, the PHP injection from

<?= getEvents(); ?>

does only work when you embed the whole <script>...</script> block into your markup.

[szabesz]

4 minutes ago, Autofahrn said:

does only work when you embed the whole <script>...</script> block into your markup

An example: https://processwire.com/talk/topic/8343-access-page-and-pages-variables-from-inside-a-javascript-file/?do=findComment&comment=80823
 

 

[dragan]

perhaps PHP shortcode is disabled in your server environment. Try <?php ... ?> instead of <? ... ?>

[Autofahrn]

Good point, @dragan

https://stackoverflow.com/questions/2185320/how-to-enable-php-short-tags

[pppws]

Ahh… no… i just fucked up the order of code… it was too late... hahah. thanks guys!