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

Top 11 Extensions for Salesforce Developers

Blog in Salesforce

Extensions are computer programs that let users personalize their Chrome surfing experience. They are created using web technologies like HTML, CSS, and JavaScript. documentation for…

Apex Triggers, API Names, API Versions, Autocomplete, Campaign Management

SP Aug 30, 2023

1,435 Views

Partnership of The Year – Salesforce Team Up With Apple!

Blog in Others, Salesforce

Salesforce and Apple are two popular tech giants who have simplified technology and contributed big time to the tech world. Salesforce is known as the…

Apple, Apple News, Business, iOS App Development, mobile app development

Algoworks Oct 29, 2018

6,595 Views

Device Detection With Devicedetect.js In Salesforce

Blog in Coding and Scripting

A good responsive design in UI can render behaviour across different screen sizes. Though there are few edge cases in Salesforce development, especially where you…

DeviceDetect.js, isMobile.js, JavaScript, Javascript in Salesforce, JavaScript Libraries

Manpreet Jan 31, 2018

8,161 Views

Salesforce Apex Tutorial for beginners | Apex Salesforce Tutorial

Video in Salesforce Apex

Apex is a proprietary language developed by Salesforce.com. It is a strongly typed, object-oriented programming language that allows developers to execute flow and transaction control statements on the…

Salesforce Training, Salesforce Tutorial, Salesforce Apex, salesforce, Apex

Prafull Jun 6, 2022

2,668 Views

Tips to Crack the Salesforce Administrator Certification Exam in One Go

Video in Salesforce Certifications

Do you want to become Salesforce administrator certified? So in this video Shrey has shared the important topics to crack the Salesforce Administrator Exam. Watch…

Salesforce Training, Salesforce Tutorial, Salesforce Certification, Salesforce Administrator, Salesforce Video