Infinite date scroll - WebSql JavaScript - javascript

Is there a built in method for infinite date scrolling?
I am making a database program, and the point is to display data added over especific dates.
Of course I can't do this forever in time:
SELECT * FROM TABLE WHERE date >="2013-04-01" AND date <"2013-05-01
Plus, the month days change every year. You guys have an idea of how should I implement my code to adjust into the dates?

Not sure what you mean by infinite scrolling, but if you're displaying data based on a date range, just pass the date parameters from the UI to the query. If you are displaying 1 month of data at a time, then the user could use Previous / Next button to 'scroll' through time. Or you could let them pick any two dates and see whatever range they need to look at.

Related

How to dynamically change a field depending on a unique date formula

I'm working on a work schedule of sorts, a feature that I'm trying to create would be one that can be setup initial and would not need to be touched ever again. However I'm not sure where to even start; I have a weekly schedule with three different fields, a middle field that is unique and requires no attention and a day/night field. My user is able to drag users into these fields and set that they are expected to working during that period. However as my user has different shifts that sometimes overlap I'm looking to color code each of the shifts of which there is a total of five, the shifts go on a pattern of working: 2 nights, than 2 days off, than 3 days working and lastly than 2 days off. What would be the best approach of mapping this as I cannot simply put that Monday nights are color X as the by the time next weeks comes around the shift would be starting on Wednesday, along side this some shifts will be working at the same time so the color coding should not cover the entire day but only a limited number of entries (2). My initial idea was to try using Hashmap or something of the sort but I'm uncertain how I would structure it to achieve what I'm looking for..
Drag and drop experience would be nice but I assume not mandatory, so can try to use standard features. Im not sure which user is using this - the worker doing the shift, or a manager allocating workers to the shifts? If is for a manager - If you created a 'shift' object and had shifts represented as records you'd be able to create list views of those shifts ie. 'next n days','this month' etc. Then you could use bulk action within the list view to assign a user to multiple shift records at a time. Would be reasonably efficient and quick to build. Just a thought... (and I couldnt follow what you meant about color coding sorry.)

How to occupy all the days in fullCalendar?

A query for those who have used fullCalendar. I use version 3 of fullCalendar.
I have the dates (the step without hour:minute) start 2020-06-01 end 2020-06-03
But I'm only occupying 2 days as seen in the picture, instead of 3 days [1,3]. I don't know why this happens.
I understand that by default you may be taking the time as 00:00 and this is giving "that problem".
The question would then be, if you need a configuration that takes the full day on the last day, and I don't know if such a configuration will exist?
This is covered in the documentation. End dates are exclusive - see https://fullcalendar.io/docs/v3/event-object .
This means your event is actually considered to end at 2020-06-02 23:59:59. Therefore it doesn't actually occur on 2020-06-03 and so is not shown on that date.
The workaround, if you wish to show it on that day, is to add one day to your end date.

Custom sorter for two values on same column

I have a column in sapui5 table where I am using two values to be displayed in an HBox; "date" and "time". Moreover, in leading property field, I have defined "date" field.
I have a personalization box for this table, where it provides sorting functionality based on "date" field (since "date" is defined in leading property, and one can only have single leading property for a column).
Date sorting-> works fine and as expected.
Issue is, for same dates, I cannot sort further based on time. So in the picture below, I should get 22:01 first, and then other 22:56 data. This is not happening.
I want to know if there is any way I can implement more than one condition in p13n sorting? If yes, how? I tried to find also some CDS annotations which can be used but found none.
Thanks in advance.
I found the issue. Actually, SAP backend has two date formats for 12'o clock; 00:00 & 24:00.
Ideally, 00:00 means 12'o clock at the start of the day & 24:00 means 12'o clock at the end of the day.
However, SAPUI5 right now does not support 24:00 in sorting. (You can also not select 24:00 as time in date picker, the max you can select is 23:59).
Hence, sorting in my case was correct, how ever it was seeming wrong because 24:00 is converted to 00:00 by UI5.
There is no direct solution provided by UI5. What I did was to reformat the time to 24:00 in formatter.js.

multiple timepicker range in chronological order for taking input from userin webpage jquery or any other

i want a UI for the web application so that the user can select time range in chronological order. like the
my requirement is as follows
1) i need the rows to be added dynamically
2) Need to have the time range check so that added time slot is not displayed for the next row for selection, so if first row is 00:00 to 00:10 the user should not be able to select time less than 00:10 in the below row
3) for the time interval the user will be select for the start time and end time, but for the overall table it should be within 24 hours (one day, ie 00:00 to 23:59)
i googled a lot, but could not find any jquery or any other script for achieving the implementation of UI and the corresponding time range selection. Can someone point out how to achieve this with any jquery or other java script library ????
thanks for the help, as i am new to these it will be a great help if someone can help me
thanks
Dino

jQuery FullCalendar: Can I highlight some time ranges so that users know they are selectable?

I have an application in which the selectable time ranges are variable. That is, in the week view, for monday I may want the user to only be able to select times from 12:00 to 14:00h. On thursday only from 17:00h to 19:00h and so forth.
I know I can handle the select event to constrain the user but I would like to present a visual indication of that time ranges are selectable. I also know I can use minTime and maxTime to limit the time tables but I need the weekView, in which time ranges are variable.
I searched the documentation and the web and found nothing.
Any suggestion?
The weekView (as opposed to the agendaWeek) has no grid of times, so how would you choose where to display the time ranges?
If you mean the agendaWeek the structure of the HTML makes what you want to do very difficult as essentially its made of two superimposed tables, one with the columns and another with the rows (for the different time blocks of half hour or whatever). The only way to do what you want would be to superimpose divs of the right size on top of that matrix. I can give you some hints if you want to attempt that!

Categories

Resources