option to set a day break time for TimeGrid
See original GitHub issueOriginally reported on Google Code with ID 2541
Setting the new option dayBreak to for example "07:00" or "7:00 AM" will make the day
columns in TimeGrid views start at 7 am in the morning and extend past midnight, ending
7 am the following day. This can be useful for TV-listings or concert/club event scheduling
were it's common to have "days" ending past midnight.
This is accomplished with two small code changes.
1) Make sure we actually use the seg column date as the startOfDayDate property in
computeSegVerticals() instead of the seg event start date. [2 changed lines in TimeGrid.events.js]
2) Add a dayBreak option which overrides the minTime and maxTime values to make the
columns render past midnight. [3 added lines and 2 changed lines in TimeGrid.js]
(We can of course manually set minTime to "07:00" and maxTime to "31:00" if we don't
want to add the dayBreak option, but I think this will be clearer for fullcalendar
users)
Example;
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultView: 'agendaWeek',
dayBreakTime: "07:00",
...
});
Reported by matiasnu
on 2015-07-06 13:31:18
Imported with 1 stars.
Issue Analytics
- State:
- Created 8 years ago
- Reactions:1
- Comments:8 (6 by maintainers)
Top Results From Across the Web
Docs TimeGrid View - FullCalendar
A TimeGrid view displays one-or-more horizontal days as well as an axis of time, usually midnight to midnight, on the vertical axis.
Read more >Change the calendar time scale - Microsoft Support
In Calendar, on the View tab, in the Arrangement group, click Time Scale, and then click the grid interval that you want to...
Read more >Budgets And Job Costing – VeriClock
To view the calendar week set in your account, go to the tabs: Time>Add Time Grid. To change your start day, see Setting...
Read more >Sunrise and sunset times in Nashville
Advertising: Content continues below ad. Rise/Set Times; Day/Night Length. 2022 Sun Graph for Nashville.
Read more >Creating and Copying a Staff Schedule - Clinicient
So for each clinic, setting a weekly schedule consists of indicating on which weekdays ... In the time grid to the right, click...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This feature will essentially be a shortcut for minTime/maxTime. For example, if day break is
08:00
, then that would imply{ minTime: '08:00', maxTime: '32:00' }
.There are two bug tickets stopping the effective use of minTime/maxTime: https://github.com/fullcalendar/fullcalendar/issues/3055 https://github.com/fullcalendar/fullcalendar/issues/2530 ↑ Could you please visit the links, give a 👍 to vote (?), press the 🔈Subscribe button to receive updates?
Will accept this issue to make the
dayBreakTime
shortcut after those two are implemented.I have a client interested in this feature. Where are you with it please? Thanks.