bkeyport / mmm-multimonth Goto Github PK
View Code? Open in Web Editor NEWMultiple month Calendar for MagicMirror2
License: MIT License
Multiple month Calendar for MagicMirror2
License: MIT License
For my setup, I need to have the months arranged horizontally left-to-right instead of vertically.
Hey it is a really nice module !
But everytime my three months look always like your screenshot.
September starts on thursday and so on...
this needs to be fixed. And then its perfect.
Keep it up
Hi!
First of all thanks for maintaining the module!
I just updated MM and the modules, put the new options in but only got UNDEFINED
shown at the modules position.
First I looked in the developer tools to see if my CSS has hidden something, but there wasn't anything in the site-source besides the UNDEFINED
.
So I disabled all options and tried to enable one by one. As soon as I enable the weeknumbers it turns from showing the calendar to UNDEFINED
.
Below is the current working config.
If you could look into that at some point it would be nice.
{
module: 'MMM-Multimonth',
position: 'top_bar',
config: {
startMonth: -1,
monthCount: 3,
monthsVertical: false,
highlightWeekend: true,
repeatWeekdaysVertical: true,
// weekNumbers: true,
startWeek: 1,
headerType: 'short'
}
},
Thanks again for the module!
Suggestion: Would it be possible to define the start of the week on Monday (ie. first day of week, rather than Sunday)?
(Can I attach the "enhancement" label here? - if so, I don't see it)
.
The ISO 8601 standard defines week numbers using a Monday-based week (i.e. the week begins on Monday). Under this definition, the first week of the year is determined to be the first week that contains a Wednesday.
This means, then the calculation of the week number has to base on January 4th.
So the code should look like
const weekNumber = (dateObject) => {
var fourJan = new Date(dateObject.getFullYear(),0,4);
var numberOfDays = Math.floor((dateObject - fourJan) / (24 * 60 * 60 * 1000));
var result = Math.ceil(( date.getDay() + 1 + numberOfDays) / 7);
return result;
}
Start of week cannot move off Sunday at this point. Need to develop logic to do so.
(as of 0.0.2 - 5/12/20)
Apparently, there's some situations where module isn't updating at start of day. Need to look into this and update.
A/O 0.2 5/12/20
Such a lamer!
Add Week numbers to left of calendar, as requested by TheGardener88
Hi,
Thanks for this mm plugin. But it seems that monthsVertical: false doesnt work and I still get the months on vertical. I'm using the config from examples but changing this option. My config:
{
module: 'MMM-Multimonth',
position: 'bottom_bar', // can be any of the postions
config: { // Optional - will default to 3 months, with one previous and one next, vertical orientation.
startMonth: -1, // Define when you start from current month (negative is before current, zero is current, positive is in future)
monthCount: 3, // How many months to display - If Month Count is 1, Calendar will show previous and next month dates in empty spots.
// See screenshots for examples of the following config items.
monthsVertical: false, // Whether to arrange the months vertically (true) or horizontally (false).
repeatWeekdaysVertical: false, // Whether to repeat the week days in each month in vertical mode. Ignored in horizontal mode.
weekNumbers: false, // Whether to display the week numbers in front of each week.
highlightWeekend: false, // Highlight Saturday and Sunday
}
},
.
Hi,
I already mentioned in on the forum, but again: this is a great module, thank you very much!
Overall I am very happy and styling with some CSS is good to do.
However here is one featurerequest:
May it be possible that the weekends get some extra-style? E.g. make the font-weight lower or so. On the classic wallcalenders the weekends have most time a bit different style, too.
I haven't seen a css-class I could use for that, therefore I believe when the grid is generated the saturday and sunday-days would need to get an extra css-class.
If that's already possible now please give me a hint.
regards
Nico
It appears that moment.js is a dead project, and there is better modules for use. I'm gonna switch.
hello,
can you show the prev and next month days in empty cells only when display single month calendar, like in original monthly_calendar
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.