search

quasarframework / quasar-ui-qcalendar

QCalendar - Quasar App Extension, Vue CLI plug-in and UMD distributions available
https://quasarframework.github.io/quasar-ui-qcalendar
MIT License
439 stars 123 forks source link

Day-resource with intervals shows wrong time #245

Closed kenricci closed 3 years ago

kenricci commented 3 years ago

https://codepen.io/kenricci/pen/MWJrLra

Describe the bug Adding an interval-start with interval-minutes shows the wrong time. In the codepen link is shows a start time of 2AM

hawkeye64 commented 3 years ago

@kenricci Your codepen is showing the monthly calendar. Can you please provide the correct codepen that highlights the issue?

kenricci commented 3 years ago

Try this one https://codepen.io/kenricci/pen/RwKQXbb

hawkeye64 commented 3 years ago

@kenricci This is common. The docs try to explain it, but let's try again. I didn't modify your codepen. With the information I am about to give you, I want you take a stab at it and get back to me (show me fixed pen).

So an interval standard is 1 hour (notice the 1), means if you set interval-start to 8, then it will be at 8am. And, an interval-count of 10, will add 10 * 1 intervals that will end at 6pm.

Let's set interval-minutes to 1/4 hour. That means you need 4 times the intervals (96) to go from start of a day to end of day. That means, if you want the start time to still be 8am, then you need 4 times that, meaning 32 intervals. And, if you wanted 10 hours, that would be (10 * 4) 40 intervals needed to achieve that.

Basically, if you are slicing time by 1/4 (15 minutes), then you need to multiply everything by 4 ((because you have quadrupled the increment count). If you are slicing time by 1/2 (30 minutes), then you need to multiply everything by 2 (because you have doubled the increment count). And, for the last one, if you were slicing time by 1/3 (20 minutes), then you need to multiply everything by 3 (because you have tripled the increment count).

These work together: interval-minutes interval-start interval-count