Code Monkey home page Code Monkey logo

sfdx-lwc-fullcalendarjs's Introduction

Full Calendar JS - Lightning Web Components

Dev, Build and Test

  • The calendar data is currently mocked but can easily be refactored to retrieve data from an Apex controller.

Resources

  • JQuery
  • Moment.js
  • FullCalendarJS

Description of Files and Directories

  1. lwc/fullCalendarJs - FullCalendarJS Lightning Web Component
  2. staticresources/FullCalendarJS - JS and CSS files.

Issues

  • I'm not sure if LWC has a way to use loadStyle() with the print attribute similar to <link> tags. This is used to indicate that a separate CSS can be loaded for print or print preview.

sfdx-lwc-fullcalendarjs's People

Contributors

gurenax avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

sfdx-lwc-fullcalendarjs's Issues

EventClicks

Hi,
I have used your calendar as a base for my requirement and extending it further. I have added a event click function to it which renders the event details on the console. However I want to have a modal window when the event is clicked. I'm kind of stuck here. Do you have any ideas for this ?

Drag-n-drop not working

First of all, many thanks for this amazing demo!

If one is looking simply to add full calendar, it's more than extensive.

unfortunately i have run into the issue where no matter what i tried, i couldn't get the .draggable() working with Full Calendar when hosted in LWC.

I can sort of get callbacks from html5 dragging but then i have to calculate start and stop myself, and the event hover is fixed to 2 hours always.

Have you ever tried this?

renderedCallback vs connectedCallback

I was able to 'wire' my SF objects via APEX controller and pushed data to a JSON array so that it can be inserted into the event source. However, I noticed that you have to refresh the org twice or more before the calendar can render properly. Isn't connectedCallback is a better way to initialise the calendar? and add the use of @track to listen when an update to the object occurs?

Can't get plugins to work

Hi,

Thanks for sharing!

I am trying to use the interaction plugin. I added the interaction.min.js to the zip in the static resource but when I add this line it stops working:
loadScript(this, FullCalendarJS + '/interaction.min.js')

It was the same thing with the daygrid plugin.

Did you manage to get any plugin to work?

Cheers

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.