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.
Related
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/
I have a blog Android Lad in this blog i started a tutorial for android beginners. When user click on Android Beginner it should show me only labelled with iamandroidbeginner and also sorted with date, means in reverse order.
Can anybody help me to write javascript code for this particuler scenario???
Change the post date you want to show at the first to the most recent and click update or try this JavaScript code.
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.
I'm working on a project where the user has to be able to add or edit hours that he will work or worked. The dataset I'm using for this I retreive from ASP.net / MVC 4. What is the best way to check if the user added new data to the table or edited some data?
Example: The user loads the page, the calender is set to the current date --> table shows 3 weeks. Previous week, this week and next week. The dataset load in the hours that were retreived from ASP.net. The user adds new hours and edits some hours. Then the user clicks on the button to go to the next week. The data entered by the user has to be compared with the retreived dataset. The dataset has to be saved, this will happen in ASP.net. But after the save the browser gets the data of the next week and the calendar has to be for the next week.
The data added / edited by the user has to be saved but I have to know if this is edited or added. What is the best way to do this?
The retreived dataset = a string? Could I compare this by just comparing 2 strings? remove enters, spaces, ...
Is there a library to compare datasets in jquery?
To show the next week I think the page cannot be refreshed? Correct?
Any other suggestions are welcome.
I'm not quite sure on what you're going at here, however a suggestion might be to either have a save button on each page or hook up a event for whenever the input looses focus (or whatever you're using for selecting hours etc).
For the latter suggestion it would require more javascript, for example each input that's rendered could have data attributes of which year, month, and day it represents so it can be used when posting a change.
If you however prefer to submit the whole "dataset", you should checkout modelbinding if you're not already fimiliar with it, then either post the collection when clicking save or changing page.
Scott Hanselmans article on how the default modelbinder works might be of any help.
I am looking for an event / booking calendar where in each cell / day is customizable (we can put whatever we like).
I've mostly seen calendars which allow you to input event as text. However, we need to put in four text fields and display it in a certain way for each cell.
Is there a plug-in (jquery or something else) that does this?
To achieve all of the functionality you're looking for you're going to need to make some modifications but this should do the trick.
Features
Select on a day-by-day basis and set criteria for each day
Unlimited amount of usages on your website or on your webpage.
Front End and Back End versions.
Each version can be completely customizable separately from CSS .
Auto resizable.
You can change the language.
Compatible with any server side script.
Please see: Booking Calendar Pro.
Also - it's not the 'prettiest' solution so you're probably going to need to take some time to dress it up. This is a plugin I've used in previous projects and was unable to find anything that offered similar or better functionality.