Is their a configurable way to visibly disable the past timeslots for the current day in the Day view of jQuery fullcalendar?
I'm displaying business hours 9:00 AM to 6:00 PM for the day. Consider the time now is 12:30 PM, I need to block users to book any events prior to 12:30 PM. Also the disabled timeslots has to be greyed out and unselectable. I can write the select callback validating the time selected. But need a visual effect to let the user feel that the past timeslots are not selectable.
Welcoming custom scripts too.
You could use eventAfterAllRender and append a css class to all slots which have passed.
It should be easy to work out how many rows you need to apply the class to (time of day in minutes / 30). Add the disabled css class to the td's and style with whatever you feel like.
This obviously won't actually disable the slots though and you will need to use the dayClick callback to disable past times
Related
I am having an issue with the kendo scheduler, the change event is not firing in a particular case.
When I select the calendar, let's Monday 23rd July to Friday 27th July. The change event fires with
Selection between 7/23/2018 12:00 AM and 7/27/2018 12:00 AM
Which is perfect, now if change my selection to be just Friday 27th July, the change event will not fire. Note that the change event will fire if I pick any other date that was previously selected. I need that change event to fire so I can update the dates that get sent back to the server. I don't know how to work around this.
It is the same scenario in their demo site: https://demos.telerik.com/kendo-ui/scheduler/events
Any help is appreciated. Thanks.
This is happening in the Month view
I am working on fullcalendar plugin. I am facing an issue hiding other times than businessHours. My Calendar starts with 12 AM and i want to start it from the businessHour lets say, 10:00 AM to 07:00 PM
i also want to know can we reload fullcalendar. I have to give choice if user want to see in timeSlot of 15 mins or 30 mins Whenever user clicks on that fullcalendar needs to be reloaded with the setting done by user.
Please help me fixing these.
Thanks,
Amod
Is their a way to select a specific time in an event? For example, the time slot is from 8AM - 12Am and someone wants to schedule from 10AM to 11AM.
Can anyone give some advises on how to do this ?
I would like to able to select all Wednesdays in a given month by clicking on the day in the calendar UI. For example to schedule a meeting that occurs on every Wednesday. I would like the user to be able to just click on a day name rather than clicking every specific date.
I was wondering if anyone is aware of a Javascript date picker library that already has this feature or is this something I will have to write myself?
I've looked at a few multidate pickers available out there (http://multidatespickr.sourceforge.net/ for example) and they all have a feature to select a RANGE or the entire week however it seems that none of them support selection based on a specific week day.
Is there a Javascript library which makes it possible to choose from every hour of the day and have options like Every work day, only on weekends etc. Or Every sunday 19:00.