How to develop a Clickable Calendar in Salesforce using Javascript FullCalendar?

Tagged: Custom Visualforce Page, Event Synchronization, eventClick, Events Execution, FullCalendar, Javascript, JavaScript Event Calendar, Javascript in Salesforce, Javascript jQuery Plugin, Salesforce Apex, Salesforce Event, Salesforce SOQL, Salesforce Visualforce Page, Standard Visualforce Page, Visualforce Controller in Salesforce, Visualforce Customization

Salesforce® Discussions

How to develop a Clickable Calendar in Salesforce using Javascript FullCalendar?

Posted by Ajit on April 14, 2016 at 7:33 AM

Need a help on this I am stuck in a situation where I have developed a calendar using the Javascript full Calendar, and it is running perfectly and showing the tasks and events as I want, but In my new requirement I need this calendar clickable, because now when I click on an event it just opens the desired event which is stored in salesforce, So could it be possible that when I click on the desired date for which I want to create an event, redirects me to a standard or a custom visualforce page where I can create my own event.

PRANAV replied 8 years, 9 months ago 3 Members · 2 Replies
2 Replies

Ajay Prakash

Member
April 14, 2016 at 7:39 AM

You can follow following link to solve your problem-

http://stackoverflow.com/questions/2524971/adding-a-click-event-to-fullcalendar
http://jsfiddle.net/SzDsR/1/
http://fullcalendar.io/docs/mouse/dayClick/
http://fullcalendar.io/docs/mouse/eventClick/
[adinserter block='9']
PRANAV

Member
January 31, 2018 at 9:48 AM

Hi Ajit,

You can use the below code for this.

$('#calendar').fullCalendar({
eventClick: function(calEvent, jsEvent, view) {
window.location = "http://www.domain.com?start=" + calEvent.start;

}
});

Hope this helps you.

Popular Salesforce Blogs

Communicate Between Components Using Events in Lightning Web Components | Salesforce Developer Guide

Blog in Lightning

Introduction Standard DOM events are dispatched by Lightning web components. Custom events may also be generated and dispatched by components. To communicate the components holding…

Application Events, Aura Component, Child Component, Collection of APIs and Objects, Communicate Between Components

Anuj Mar 9, 2021

16,753 Views

The Benefits of Outsourcing Salesforce Admin Services for Agile Business Management

Blog in Salesforce

Agility is not just a fancy word in today's business world; it is a requirement. Businesses are always on the lookout for new and creative…

Best Practices Salesforce Admin, Remote Collaboration Salesforce Admin, Remote Salesforce Admin Collaboration, Remote Salesforce Administrator, Salesforce Admin

Carol Oct 3, 2024

682 Views

5 Things you Should know before Implementing Salesforce SalesCloud

Blog in Salesforce

Salesforce is known as the world’s #1 CRM application. This powerful customer relationship management solution is intuitive, flexible, scalable, and complex and it’s constantly getting better.…

Business Objectives, Business Operations, Certified Salesforce Implementation Partners, Complete View, Connect

Variance InfoTech Jul 5, 2023

1,393 Views

Design Patterns and Best Practices to Build Reusable Lightning Web Components | Salesforce Tutorial

Video in Lightning, Salesforce Training

LWC Best Practices & Design Pattern Component Architecture and Composition Styling Reusable components Sharing components between LWC and LWC OSS Packaging LWC and LWC OSS…

Salesforce Training, Salesforce Tutorial, Salesforce Video, Lightning Web Components, LWC

Abhishek Jul 6, 2021

3,725 Views

Salesforce Customer 360 Data Manager

Video in Others

Salesforce Customer 360 Data Manager is a cross-cloud integration capability that allows Salesforce admins and developers to combine and reconcile customer data from their Salesforce…

Salesforce Products, Salesforce Developer, Salesforce Integration, Salesforce Admin, Salesforce Data Storage