Code Monkey home page Code Monkey logo

Comments (3)

bitte-ein-bit avatar bitte-ein-bit commented on May 26, 2024

The events are added to a list in e.g. calendar.js Line 115. This list is then worked with in the updateCalendar function.

You could use the seconds parameter to calculate the date or add the startDate as a parameter to all this.eventList.push calls.

Chrome's DevTools are really helpful to look at js objects.

from magicmirror.

aramaki87 avatar aramaki87 commented on May 26, 2024

@ Calendar.js
@about line 55: add
var evDate = moment(e.DTSTART).format('L');

@about line 66: add
var evDate = moment(e.startDate).format('L');

@about line 81: change to
this.eventList.push({'eventDate':evDate,'description':e.SUMMARY,'seconds':seconds,'days':time_string,'url': url, symbol: this.calendarSymbol});

@about line92: change to this.eventList.push({'eventDate':evDate,'description':e.SUMMARY,'seconds':seconds,'days':time_string,'url': url, symbol: this.calendarSymbol});

@about line 110: add
var evDate = moment(dt).format('L');

@about line 121: change to
this.eventList.push({'eventDate':evDate,'description':e.SUMMARY,'seconds':seconds,'days':time_string,'url': url, symbol: this.calendarSymbol});

@about line 175: add
row.append($('<td/>').html(e.eventDate).addClass('days dimmed'));

That should do it...
You can even play around with the position if you move line 175 up or down. And of course "days dimmed" you can use to style. I added another one there to shrink the dates down a bit.
Cheers.

from magicmirror.

phoenixrip avatar phoenixrip commented on May 26, 2024

:) this was the perfect answer! I was very close already but this was exactly what I needed! :)
I've actually used the moment .format(MMM Do) in the variables which gives me a lovely

Feb 7th - Event title - in 1 day

Thank you both so much for your help!

from magicmirror.

Related Issues (20)

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.