how to hide times from fullcalendar other than businessHours - javascript

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

Related

Fullcalendar select specific period of time in an event slot

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 ?

Attempting to create a calender with a clock picker built into each day as an ng-click

I understand that this sounds a bit far fetched but i want to build a monthly calendar that when the day is clicked it is routed to another page that then prompts the user to put in a start and end time which the program then calculates the total amounts of hours and assigns it to the original calendar. I have found a few j query plugins however when combined or any of their code is manipulated they both seem to break. If you have any suggestions anything is welcomed. I can upload what i have for code so far but its not really flushed out or good at all.

FullCalendar user-defined number of days per week

Our customer would like our app to have a per-user setting that allows each user to decide the number of days they see in the "week" view of FullCalendar.
Most want to see 10 days (instead of 7). Any suggestions how to accomplish this?

How to visibly disable past timeslots for Day view jQuery fullcalendar

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

JQuery calender to highlight current week and block 3 weeks

I'm using jquery calender in one of my application and what I need to do is once I select a date between day Mon - Fri then entire Mon-Fri days should get highlight and also 3 weeks considering only from Mon - Fri gets greyed out.
I tired to get some good input from already posted query but none was helpfull. I took help from post Jquery calender 2 way block date but was difficult to implement.
I need a some code snippet to understand how to validate over calender days.
Thanks

Categories