Wordpress Calendar Plugin functionality - javascript

I have a client who needs a calendar for his wordpress website. I'm currently using Spider Event Calendar but the client has decided he needs more functionality than what is already included. I'm not sure if it's possible to add this functionality using javascript or php, I'd appreciate any insight or feedback. If there is a plugin out there that can do all of this, I'd be open to use it, but I've checked a good amount and they don't do exactly what we need.
The client wants :
A calendar to display on the page with events that are already booked, there are three categories (All Day, Day Only, Night Only) [Spider Does This]
Multiple calendars (10 total) [Spider does this]
To be able to highlight the days clicked on (selected)
Have the quantity change on the product page (woocommerce) based on the number of days clicked (e.g. If three days are selected, change the quantity to 3)
Have the "Dates Selected" display on the checkout page (woocommerce)
Blackout certain days based on the product selected. (weekend rates blackout weekdays, weekday rates blackout weekend days.)
I'm not sure what code to include (if any) here to receive help as I'm mainly looking for if it is possible to add javascript or php functions to the Spider Event Calendar plugin. The client prefers this calendar's UI to add events.

Try this calendar bookly plugin: https://wordpress.org/plugins/all-in-one-event-calendar/

Related

How can I start an action from inside a Google calendar event?

I have a Google script that parses email notifications from my local library about due dates and pick-up notices, then creates calendar events on a Google calendar. It's not professional code, but it works and is serviceable enough for the family.
I would like to add a feature that allows one to open a calendar event, click on something (like a button or link) and an event that spans 5 days will get shortened to end on the day it is clicked. The calendar page gets pretty full with 5-day-long events that may have been picked up on the first day. I need to keep the event on the calendar, because it also serves as a history of checkouts that the library does not keep.
I can kluge together the logic to do the event manipulation, but it's the firing off that process that is stumping me. I've seen Google spreadsheet usage as a backend db-like service, but that really feels like using Access back in school, so I'd like to find a different approach.

Static Calendar of current month to show in PDF report

I need to show a static calendar in pdf having current month dates.
The dates will have different icons as per the condition from database table column values. The requirement is to send a report to end user every month in form of PDF having current month dates.
Please help me to choose which language/technology can assist in creating such a PDF. Will .net , jquery can help to build such web form or web-page which can then be converted to PDF. Is there any similar demo project available online. I have searched a lot but maybe my keywords are not assisting in getting the right direction.
I have attached the image of calendar which needs to be shown in PDF.
Thanks for all
I have achieved the goal by using iTextsharp and was able to create Calendar having different cell events as per my business logic to have different images.
The link helped me to create a calendar which then I manipulated to have my custom cell events Creating a Printable PDF Calendar
calendar in pdf
Hope this helps anyone who want to achieve similar requirement.
https://jsreport.net
This seems to satisfy your needs exactly
Didn't try it though.
P.s.
Would have commented this.

JQuery Multiple Month Calendar View

I'm looking for suggestions/recommendations for a JQuery/Javascript calendar that can display multiple months at once (ie. previous month, current month, next month) like so:
(The attached mockup shows a 4-month view, but I think we'll actually be doing a 3-month view).
I DO NOT need a date picker. This is basically meant to display a user's schedule, with no ability to choose a specific month/year (beyond the side-scrolling). We'll pull events out of our database, hook them into the calendar somehow, and then on a day click/hover (or both), display additional information. Events will not be editable from this view - it is display only.
I've looked into general JQuery calendar plugins (Ion Calendar, CLNDR), but none seem to have the basic multiple-month functionality I need. Multi-lingual support (or the ability to add multi-lingual text) is also important to us. I was really hoping to find a ready-made plugin for this - can't be the first time someone's tried to do it!
In case it's any use/help, we use ColdFusion and MSSQL Server. We've also got JQuery 1.9.1, JQueryUI 1.10.0 and Bootstrap 2.3.2.
Edit: I did look at the JQuery UI datepicker, but it won't work for the functionality I need. I can't see any way to attach data to a specific date, or to be able to style certain days differently than others. I think the primary issue w/ it is that it's a datepicker, not a display calendar.
Like Sean said in the comments, the best option you have is probably FullCalendar. Although multi-month isn't supported out of the box, you might be able to achieve it by adding multiple calendars. Check out Issue #199, which describes a possible solution.
Regarding the multi-lingual problem: although it isn't multi-lingual by itself, FullCalendar does support modifying the days, months, etc. See Text/Time Customization. You could use ColdFusion's MonthAsString and DayOfWeekAsString functions to make it multi-lingual yourself.

Planning tool JQuery / MVC 4

The webapplication I would like to build gives the user the possibility to select a period on a calendar. On the selected days they can write the start and end hour. The total amount of hours gets calculated. On the image below you can see what I would like to accomplish. What is a good way to get started programming this? Is there a good tutorial to get me started?
Is there a JQuery widget that gives a good start?
On the left you got some Employees and for each of them the user can select the period and fill in the hours they have to work.
I hope u get the idea that i have in mind. Please feel free to ask me any specifications.
I'm using MVC 4 - razor pages for the webapp
Thanks in advance
I've made something very similar in a MVC2 app with jQuery to check schedules for formative actions.
I first place a temporary span for the action and load it into the calendar provided by jQuery's datepicker, later I overwrite it's onSelect event to affect and save my data.
So when I click on a day of the calendar (only days on the previously selected time span are clickable) I allow user to introduce data for the schedule on that day.
Data saving to server is managed through AJAX calls that saves during using interaction.

Selecting Data on JavaScript popup menu using Selenium

I am using Selenium to test out a web site. The web site contains a date field, which when clicked, opens a popup from wherein I can choose the date.
My issue is that I wish to select a particular date using the Selenium IDE or Selenese. I have tried various methods, but have not been able to get a correct solution or been able to resolve it, except by manually specifying a date to the field in Selenese script. I am using Java to implement the test case.
An example could be checked by going to any airlines site and clicking on the date field for departure. The popup which comes up, I wish to capture a date on that. This could be a future date or the present date.
You need to implement some code that will navigate calendar to the desired date. Depending on the calendar appearance it may be required to navigate to the next month or year, so you need the code that will determine what needs to be done and then emulate required events for Selenium.
We had the same task in our tests and we end up with either selecting today's date or by entering the date into the field directly. We also made a code that will allow to select any date on the calendar by we did this only because we needed to test the calendar widget and we were the authors of the widget so we knew how it was made. However it resulted in writing a lot of code
Selenium IDE is limited in its ability to handle javascript. I've worked around it at times
by putting custom links in that do customized GETs, but it's a hack.
You could look at Sahi, which can do it. I haven't tried it though.
http://sahi.co.in/w/

Categories