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
Related
I need to make the datepicker like this:
just a brief intro, my project is to make something like employee holiday request.
so that the employee can apply their day-off request, but here's what my boss ask for the requirement. Sunday, and world official holiday need to be automatically added when the user picked the previous date or after.
Ex : 25 December is Christmas day.
Then I (as the employee) lets say pick 24th Dec and 26th Dec as my day-off. Then I may not skipped 25th December, it needs to be calculated as well.
That means I already used my 3 days off chance(my office only allow 12 days day-off in a year).
Sorry for the long explanation, I'm a newbie. I just want to know is this possible and if so, how? can you at least show me the trick. THANK YOU SO SO MUCH
I'd like to use full calendar to let users create opening hours for weekdays (Monday to Sunday, and if possible holidays). What fullcalendar already does, but it's not for a particular week in time so it should not have dates. So, questions:
any ideas to not attach to a particular week? My best idea so far is to pick a particular week in time and hide dates.
any idea to show an 8th day for holidays?
i used the agendaweek view for the the week, and save the data without the date
start hour
end hour
weekday
then for every week i claculate the date and add to it the hour.
maybe fullcalendar is'nt the best thing for that.
I am using the bootstrap date picker and running into some errors. If you look at this page you will see an example of a check in, check out selector.
If I select Feb 8th as my arrival date and Feb 9th as my departure date and then select Feb 3st as my arrival date, I am unable to immediately select Feb 4nd as my departure date. I have to click in the page and then select the departure again. This might be as simple as saying if the arrival date is changed, refresh what the departure date shows in the drop down before displaying it.
Here is the page Im using it on.
That is may be due to if condition in changedate event of "checkin".
try it by that commenting if condition
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
Has anyone come across a method of being able to choose half a day using a jquery datepicker? Basically, I'd like users to be able to select from Monday PM to Friday AM, if you know what I mean.
Try this Jquery plugin
jQuery UI Timepicker