I want to select multiple days in select event of jQuery fullcalender in week option. It is working in month option, same thing I want in week option. In week option, it is possible to select only one day.
How to select multiple days with from time and to time options?
You should be able to do this in the all-day section in the week-mode. This is the first row - just below the displayed days of the week.
Related
I've been trying to figure out a way to only let the users select the last day of every month of a year (disabling the rest of the days). with the use of material ui date picker, was not able to find a proper solution to it. I would really appreciate if any one be able to show me how to implement this, thank you for your time!
Not sure what you meant say on the post, but there's prop called onMonthChange on material Ui DatePicker API docs, you can get the relevant month details with this, then you can use the shouldDisableDate prop to disable the rest of the days other than the last date of the month.
refer Material Ui DatePicker API docs here https://next.material-ui.com/api/date-picker/
Unfortunately there is no way to let the users select the last day of every month of a year (disabling the rest of the days) with material ui date picker (like DateTimePicker or KeyboardDatePicker).
You could define an interval of valid dates (using props minDate and maxDate).
Another thing you can do is allow user to select all dates and then manage valid/invalid date using onChange event.
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.
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
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.
I need such a form element: 3 separate drop-downs of Day, Month and Year, plus "calendar" button that shows calendar picker. Dropdowns should behave cleverly and know each other's state (e.g., no 31 February should be possible and leap years should be handled correctly). Calendar picker should show a little calendar, where user would pick a date and the pick would be passed to drop-downs.
I appreciate if you point me to an existing solution.
I intent NOT to use ExtJS or similar high-end framework, more on JQuery level.
Search for jquery demos on datepicker.
You will find a lot of datepickers along with the source code. You can select among them.
I use the jquery UI datepicker mostly.