search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Manage startHour and endHour for events in Month Calendar

Asked by Andrea
3 years ago.

Hi, I must manage events whit start and end hours using Month Calendar, for example, I must create an event sizing a box starting at 8.00 am and ending at 10.00am, how can I configure that?

The example I have seen specifies only events on a specific day without setting the start and end hours.

Thks!

how-to javascript
Answer posted by Dan Letecky [DayPilot]
3 years ago.

In the Month component, the events are always displayed as all-day events (the width is aligned with cells).

You can display the start and end time using eventStartTime and eventEndTime properties:

https://api.daypilot.org/daypilot-month-eventendtime/
https://api.daypilot.org/daypilot-month-eventstarttime/

If you want to display a shorter event box you can use the Scheduler component. That doesn't support the typical month view though - the date/time is only on the horizontal axis.

Comment posted by Andrea
3 years ago.

Ok, thank you for the answer: are the events ordered based on its starting and ending time?

Comment posted by Dan Letecky [DayPilot]
3 years ago.

Yes, see more details here:
https://doc.daypilot.org/month/event-sorting/

You can also specify custom sort order if needed.

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.
Tools
E-mail notifications
Feed
Related Questions
DayPilot SQL Sample application
Limit events to nights only and setting minimum cell on select
Custom schema for datasource bound to daypilot control
IE8 support
How can i set Day-pilot start and end hours as 8am to 8pm ?
Error: Event data item must specify 'start' property
Navigator - Block navigating to far back
How-To: Alter Duration Over Date Range (Scheduler)
Utilize full cell when max hours = 9 hours
Uncaught Error: Event data item must specify 'start' property
DayPilot Lite - set color per event.
Snap off the grid
Scheduler - HeaderRow Start at 23 o`clock
Assign custom list in event list

Products

Learn

Get Support

DayPilot Pro

Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.