Method, device, electronic device and program product for interaction processing of visualized calendar

Abstract

The present disclosure discloses an interactive processing method and device for visualizing a calendar, an electronic device and a program product. The method comprises: obtaining an event set of a target time range, the event set comprising a start time parameter and a duration parameter of at least one event; generating a visualized time axis according to a time granularity parameter; determining an occupied time period corresponding to each event and rendering a first event block; determining a first disabled time period according to the occupied time period; determining a second disabled time period according to the start time parameter of each event and a preset time length parameter; in response to a first operation, determining a selected time period according to at least a start position and rendering a second event block, wherein the start position of the first operation is disabled in the first disabled time period and the second disabled time period. The method of the present disclosure determines a specific disabled time period before operation, moves the conflict detection to before operation, and improves the accuracy of time period selection and the interaction efficiency.

Description

Technical Field

[0001] This disclosure relates to the field of computer application technology, specifically to an interactive processing method, device, electronic device, and program product for a visual calendar. Background Technology

[0002] Currently, calendar applications or components are widely used in scenarios such as time management and task scheduling, where users and systems need to view, select, and manage time periods on the calendar interface.

[0003] However, in existing calendar interaction solutions, there is still room for improvement in terms of accuracy and interaction efficiency in configuring and selecting time periods.

[0004] The background description is provided for the purpose of understanding the relevant technologies in this field and is not intended as an admission of prior art. Summary of the Invention

[0005] The embodiments disclosed herein aim to provide an interactive processing method, apparatus, electronic device, and program product for a visual calendar, which can improve the accuracy of time period selection and interaction efficiency.

[0006] In a first aspect, embodiments of this disclosure provide an interactive processing method for a visual calendar, which may include:

[0007] Obtain a set of events within a target time range, the set of events including at least one event's start time parameter and duration parameter;

[0008] A visualization timeline corresponding to the target time range is generated based on the initial time granularity parameters. The visualization timeline includes continuous time grids corresponding to the time granularity parameters.

[0009] Based on the start time and duration parameters of each event in the event set, the time period corresponding to each event is determined, and the time grid corresponding to the time period on the time axis is rendered to obtain the first event block to be rendered.

[0010] The first disabled time period is determined based on the time period occupied by each event;

[0011] Based on the start time parameter and preset duration parameter of each event, determine the second prohibited time period within the duration parameter range preceding the start time parameter of each event;

[0012] In response to a first operation on the timeline, a selected time period is determined at least based on the start position of the first operation, and a time grid corresponding to the selected time period is rendered to obtain a rendered second event block, wherein the start position of the first operation is disabled within the first disabled time period and the second disabled time period.

[0013] Optionally, the first operation is a drag operation; wherein, determining the selected time period based at least on the starting position of the first operation includes: in response to an initial press action on the time axis that is not located within the first disabled time period and the second disabled time period, determining the starting time parameter of the selected time period based on the starting position; in response to a movement action on the time axis, dynamically updating the selection range from the time cell corresponding to the starting position to the time cell corresponding to the current position; and in response to a release action on the time axis, determining the ending position of the drag operation to determine the selected time period.

[0014] Optionally, determining the termination position of the drag operation in response to a release action on the time axis to determine the selected time period includes: if the termination position does not enter or cross a subsequent adjacent first disabled time period, determining the termination time parameter of the selected time period based on the termination position; if the termination position enters or crosses a subsequent adjacent first disabled time period, determining the termination time of the selected time period based on the start time of the adjacent first disabled time period.

[0015] Optionally, the first operation is a selection operation; wherein, determining the selected time period based at least on the starting position of the first operation includes: obtaining a preset or user-selected duration parameter; obtaining a start time parameter of the user-selected time period; and determining the selected time period based on the starting position and the duration parameter.

[0016] Optionally, the method further includes: adjusting the time granularity parameter in response to a second operation on the time axis, and regenerating the visualization time axis and its time grids according to the adjusted time granularity parameter, wherein the regenerated time grids correspond to the adjusted time granularity parameter.

[0017] Optionally, adjusting the time granularity parameter in response to a second operation on the time axis includes: listening to a second operation event and determining the operation direction of the second operation event; increasing the time granularity parameter if the operation direction is a first operation direction; and decreasing the time granularity parameter if the operation direction is a second operation direction.

[0018] Optionally, the method further includes: when the time granularity parameter is adjusted, simultaneously adjusting the duration parameter, and redetermining the second disabled time period based on the adjusted duration parameter.

[0019] Optionally, the method further includes: rendering time cells located within the first disabled time period in a first visual style; rendering time cells located within the second disabled time period in a second visual style; and displaying time cells not located within the first or second disabled time period in a third visual style.

[0020] In a second aspect, embodiments of this disclosure provide an interactive processing apparatus for a visual calendar, which may include:

[0021] The data acquisition module is configured to acquire a set of events within a target time range, the set of events including at least one event's start time parameter and duration parameter;

[0022] The timeline generation module is configured to generate a visual timeline corresponding to the target time range based on the initial time granularity parameters. The visual timeline includes continuous time grids corresponding to the time granularity parameters.

[0023] The first rendering module is configured to determine the time period corresponding to each event based on the start time parameter and duration parameter of each event in the event set, and render the time grid on the time axis corresponding to the time period to obtain the first event block to be rendered.

[0024] The first determination module is configured to determine the first disabled time period based on the time period occupied by each event.

[0025] The second determining module is configured to determine a second disabled time period within the range of the duration parameter before the start time parameter of each event, based on the start time parameter of each event and the preset duration parameter.

[0026] The second rendering module is configured to respond to a first operation on the timeline, determine a selected time period based at least on the start position of the first operation, render the time grid corresponding to the selected time period, and obtain a second event block to be rendered, wherein the start position of the first operation is disabled during the first disabled time period and the second disabled time period.

[0027] In a third aspect, embodiments of this disclosure provide an electronic device that may include: a processor and a memory storing a computer program, the processor being configured to implement the method as described in the first aspect when the computer program is executed.

[0028] In a fourth aspect, embodiments of this disclosure provide a program product including a computer program, wherein the computer program, when executed by a processor, implements the method as described in the first aspect.

[0029] The interactive processing method for a visual calendar provided in this disclosure obtains an event set and determines the occupied time period based on the start time and duration parameters of each event. It then determines a first disabled time period and a second disabled time period, marking unselectable areas before the user initiates a selection operation. The starting position of the first operation is disabled during the first and second disabled time periods. This solution addresses the technical problem of known calendar interaction schemes lacking a real-time conflict prevention mechanism when users select time periods in scenarios with multiple concurrent events, leading to potential conflicts between the selection operation and existing events. By introducing a second disabled time period based on a duration parameter, this solution shifts conflict detection from post-event verification to pre-event prevention, allowing users to perceive which areas are unselectable due to the presence of existing events when selecting a start time, thereby significantly improving the accuracy and efficiency of time period selection.

[0030] In a further embodiment of this disclosure, the first operation may include a drag operation. Furthermore, the selected time period is dynamically determined through three stages: pressing, moving, and releasing. When the release position crosses an adjacent first disabled time period, the system automatically truncates the termination time to the start time of the first disabled time period, preventing the selected area from overlapping with existing events. This further solution addresses the technical problem that the termination position during drag selection may fall into an area occupied by an existing event. Through the automatic truncation mechanism, this further solution ensures the validity of the selected time period while preserving the user's operational intent.

[0031] In a further embodiment of this disclosure, the time granularity parameter can be adjusted and the visual timeline regenerated through a second operation. This further solution addresses the technical problem that a fixed time granularity cannot adapt to scheduling requirements with varying precision. As an explanation, and not a limitation, in some cases, when a user intends to work at a finer time resolution, it often means that the user may want to schedule shorter new events; however, when the time granularity parameter is refined while the preset duration parameter remains unchanged, the second prohibited time period determined based on the preset duration parameter does not shrink in absolute time width with the granularity. This means that at a finer granularity, a large number of time cells that could legally serve as the starting point for new events with shorter durations are still unselectable due to the coverage of the second prohibited time period, resulting in the high-resolution selection capability provided by the fine-granular timeline not being fully utilized. By adjusting the preset duration parameter in conjunction with the time granularity parameter, the width of the second disabled time period narrows synchronously with the granularity refinement. This ensures that the disabled buffer before the start time of each event is always calibrated to the expected duration of the new event under the current granularity. Without requiring the user to manually adjust the preset duration parameter, the high-resolution starting position space provided by the granularity refinement is actually released, allowing the user to select a new event with a starting position closer to the boundary of the existing event and a shorter duration under fine granularity.

[0032] Other optional features and technical effects of the embodiments of this disclosure are described in part below, and in part will be apparent from reading this document. Attached Figure Description

[0033] The embodiments of this disclosure will now be described in detail with reference to the accompanying drawings. The elements shown are not limited to the scale shown in the drawings, and the same or similar reference numerals in the drawings denote the same or similar elements, wherein:

[0034] Figure 1 An exemplary flowchart of an interactive processing method for a visual calendar according to an embodiment of the present disclosure is shown;

[0035] Figure 2 An exemplary flowchart of an interactive processing method for a visual calendar according to an embodiment of the present disclosure is shown;

[0036] Figure 3 An exemplary flowchart of an interactive processing method for a visual calendar according to an embodiment of the present disclosure is shown;

[0037] Figure 4 An exemplary flowchart of an interactive processing method for a visual calendar according to an embodiment of the present disclosure is shown;

[0038] Figure 5 A schematic diagram of a visual calendar interface according to an embodiment of the present disclosure at a 1-hour time granularity is shown.

[0039] Figure 6 A schematic diagram showing events and disabled time periods in a visual calendar interface according to an embodiment of the present disclosure is shown, wherein the visual calendar interface has a time granularity of 15 minutes.

[0040] Figure 7 A schematic diagram illustrating the drag-and-drop operation to determine a selected time period in a visual calendar interface according to an embodiment of the present disclosure is shown, wherein the visual calendar interface has a time granularity of 5 minutes.

[0041] Figure 8 A flowchart of an interactive processing method according to a specific example of this disclosure is shown;

[0042] Figure 9 An exemplary block diagram of an interactive processing apparatus for a visual calendar according to an embodiment of the present disclosure is shown;

[0043] Figure 10 An exemplary structural diagram of an electronic device that can implement the methods according to embodiments of the present disclosure is shown.

[0044] List of reference numerals in the attached diagram:

[0045] 10. Interface; 11. Seat selection box; 12. Date selection box; 13. Start time selection box; 14. Duration input box; 20. Visual timeline; 21. Time grid; 22. Time scale labels; 30. First event block; 31. First disabled time period; 32. Second disabled time period; 33. Optional area; 40. Second event block; 41. Start position; 42. End position. Detailed Implementation

[0046] To make the objectives, technical solutions, and advantages of this disclosure clearer, the disclosure will be further described in detail below with reference to specific embodiments and accompanying drawings. Here, the illustrative embodiments and descriptions of this disclosure are used to explain this disclosure, but are not intended to limit this disclosure.

[0047] Exemplary embodiments of the present disclosure will now be described in more detail with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be implemented in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.

[0048] The user data, data acquisition, and / or use involved in the embodiments of this disclosure strictly comply with the laws, regulations, and industry standards of relevant countries and regions. The collection and acquisition of data involved in the embodiments of this disclosure are all done in advance by actively prompting or prominently displaying information to inform users and obtaining authorization, or by obtaining full authorization from all parties. The processing, manipulation, forwarding, and use of data involved in the embodiments of this disclosure are all carried out on the premise that the user or relevant party is fully informed and authorized. When implementing the embodiments of this disclosure, the types of data or information, scope of use, and usage scenarios that may be involved are informed to users or relevant parties and authorization is obtained through appropriate means. The specific methods of notification and authorization may vary according to actual circumstances, and this disclosure is not limited in this regard. The processing of personal information involved in the embodiments of this disclosure is carried out under the premise of having a legal basis (such as obtaining the consent of the personal information subject or being necessary for the performance of a contract), and is only processed within the prescribed or agreed scope. Sensitive personal information such as biometric information, medical and health information, financial account information, and precise location information involved in the embodiments of this disclosure are all processed under the premise of having a specific purpose and sufficient necessity, and with the separate authorization and consent of the user or relevant party. In some embodiments of this disclosure, if a user or related party refuses to process personal information other than the information necessary for the basic functions, it will not affect the use of the basic functions of the embodiments of this disclosure.

[0049] As mentioned earlier, calendar-type visualization components are widely used in time management and task scheduling scenarios. In scenarios requiring fine-grained time configuration, such as systems for personnel scheduling, meeting scheduling, or resource reservation, users typically need to view existing event schedules within a continuous time frame and select new time periods.

[0050] However, some known calendar interaction solutions have shortcomings in handling such needs. Some known solutions use the direct occupation interval of existing events as the sole criterion for disabling. For example, if a time T falls between the start and end times of an existing event, T is marked as unselectable; if T is not within the direct occupation interval of any existing event, T is presented as selectable. Explained rather than restricted, these solutions lack the ability to impose forward constraints on the expected duration of new events; for example, a starting position outside the direct occupation interval of an existing event is unconditionally considered selectable, while the scenario where a position extends for a certain duration from that position into the occupation interval of an existing event is not included in the disabling decision. In other words, these known solutions lack a mechanism to predetermine a buffer disabling interval before the start time of an existing event based on the expected duration of the new event, and users cannot perceive the unselectability of such positions from the visual state of the timeline before operation.

[0051] Furthermore, some known solutions typically use hours or half-hours as the smallest time granularity, and do not support finer time granularity or dynamic adjustment of granularity, which further limits their applicability in scenarios requiring minute-level precision configuration.

[0052] To address this, this disclosure provides an interactive processing scheme for a visual calendar. Before a user initiates a selection operation, the scheme determines the time period occupied by each event based on its start time and duration parameters. Based on this, two types of prohibited time periods are determined: a first prohibited time period corresponding to the interval occupied by the existing event itself, and a second prohibited time period determined back to the start time of each event based on independently configured duration parameters, serving as a buffer. Within the coverage of these two prohibited time periods, the scheme prohibits the user from placing the starting position of their operation within this range, thus ensuring the validity of the selection from the very beginning. Furthermore, the two types of prohibited time periods can be pre-rendered with differentiated visual styles on the corresponding time cells of the timeline, allowing the user to intuitively perceive the selectability of each time cell before initiating the operation.

[0053] Therefore, this disclosure provides an interactive processing method and corresponding interactive processing device for a visual calendar. Furthermore, the solution of this disclosure also provides an adjustable timeline display scheme at the minute level. The technical solutions of this disclosure will be described in detail below with reference to the accompanying drawings.

[0054] In this disclosure embodiment, reference is made to Figure 1 The flowchart illustrates an interactive processing method for a visual calendar according to an embodiment of the present disclosure.

[0055] In the following description of embodiments, a personnel scheduling and appointment management system will be used as an example scenario, combined with... Figures 1 to 8 The interactive processing method of the visualized calendar according to embodiments of this disclosure is described in detail. It is worth noting that the following application scenario descriptions are only for the convenience of understanding this disclosure and are not intended to limit the application scenarios of this disclosure. The method of this disclosure can be applied to any scenario that requires time period selection on a visualized time axis and avoids conflicts with existing events, including but not limited to resource reservation, medical scheduling, meeting management, etc.

[0056] In this embodiment, the interactive processing method for the visual calendar can be implemented in various forms of software or application (APP) products, including but not limited to web applications, desktop applications, mobile applications, mini-programs, and desktop widgets. User operations involved in the method can be performed through various interaction methods, including but not limited to mouse and / or keyboard interaction, touchscreen interaction, and touchpad interaction. The method can run on various terminal devices, including but not limited to personal computers, laptops, tablets, and smartphones. This disclosure does not limit the specific implementation form, user operation interaction method, or running terminal of the visual calendar.

[0057] In this embodiment of the disclosure, reference is made to Figure 1 The interactive processing method of the visual calendar may include the following steps 110 to 160.

[0058] 110: Retrieves a set of events within a target time range.

[0059] In this embodiment of the disclosure, the event set may include a start time parameter and a duration parameter for at least one event. In this embodiment of the disclosure, the target time range may include a user-selected time interval or a time interval displayed by default on the current interface. Its span can be flexibly set according to actual needs, including but not limited to 1 hour, 4 hours, 12 hours, a full day (0:00 to 24:00), or a week. In some embodiments, the target time range includes a target date.

[0060] In this disclosure embodiment, the event set includes a set of events that already exist within a target time range. In some embodiments, each event includes a start time parameter and a duration parameter. By way of explanation and not limitation, the start time parameter indicates the time at which the event begins, such as "2025-10-29, 00:00"; the duration parameter indicates the duration of the event itself, such as "24 hours". Figures 5 to 7As shown. In embodiments of this disclosure, the combination of the above-mentioned start time parameter and duration parameter covers situations where the duration parameter can be indirectly determined, such as when each event can explicitly include a start time and an end time, thereby determining the duration, which falls within the scope of this disclosure.

[0061] In some embodiments, obtaining a set of events within a target time range may include: retrieving event records stored in a database from a backend service via a data interface, and parsing them into a list of event objects including a start time parameter and a duration parameter. By way of explanation and not limitation, the data interface may return a response in a structured data format, such as a list of events in JSON format, where each event object may include an event identifier, a start time parameter, a duration parameter, and other auxiliary information.

[0062] 120: Generate a visual timeline corresponding to the target time range based on the initial time granularity parameters.

[0063] In this embodiment of the disclosure, the visualization timeline includes continuous time grids corresponding to the time granularity parameter.

[0064] In embodiments of this disclosure, the time granularity parameter relates to a variable base time length that corresponds to each time cell in a visualized timeline. In some embodiments, the initial value of the time granularity parameter can be set as needed. In a specific example, the initial value of the time granularity parameter can be set to 60 minutes, or one hour, thereby displaying the entire day's time range with hourly precision.

[0065] In some embodiments, reference Figures 5 to 7 The diagram illustrates a visual calendar interface at different time granularities according to embodiments of the present disclosure. In this embodiment, reference is made to... Figure 5 The interface 10 may include a seat selection box 11, a date selection box 12, a start time selection box 13, and a duration input box 14, as well as a pre-defined calendar area located below the interface 10.

[0066] In some embodiments, reference Figure 5 As shown, a visual timeline 20 can be generated based on the initial time granularity parameter of 60 minutes (1 hour), that is, extending from "00:00" to "23:00", divided by hours, with each cell corresponding to one hour, and time scale labels 22 displayed below each cell. In this embodiment of the disclosure, the value range of the time granularity parameter is adjustable, for example, it can be from 1 minute to 60 minutes, as described in further detail below.

[0067] In some embodiments, the visual timeline 20 may be located within a timeline container configured to support horizontal scrolling, allowing users to browse different areas of the timeline. In some embodiments, the unit width of the time grid 21 may be dynamically calculated based on the total width of the container and time granularity parameters.

[0068] In a further embodiment, the step of generating the visual timeline 20 may further include: determining the corresponding position of the current time on the visual timeline 20, and automatically scrolling the timeline container so that the corresponding position is within the visible area of ​​the interface 10, making it easier for the user to quickly locate the available time period near the current moment. In some embodiments, a current time indicator line may also be rendered at the corresponding position, and the position of the current time indicator line may be updated at a preset frequency (e.g., once per minute or once every 30 seconds) to reflect the position of the current moment on the timeline in real time. In a further embodiment, time cells before the current time in the timeline may be displayed with a weakened visual style (e.g., lighter font color and grayed-out background color), while time cells after the current time may be displayed with a regular visual style to help users distinguish between past and future time periods and improve time perception efficiency.

[0069] 130: Based on the start time and duration parameters of each event in the event set, determine the time period corresponding to each event, render the time grid on the timeline corresponding to the time period, and obtain the first event block to be rendered.

[0070] In this embodiment of the disclosure, for each event in the event set, the time period occupied by the event is calculated based on its start time parameter and duration parameter, that is, the continuous time interval covered from the start time to the start time plus the duration.

[0071] In some embodiments, when the occupied time period is determined, the time grid 21 corresponding to the occupied time period on the visual timeline 20 can be rendered and identified with a specific visual style to obtain the first event block 30. Figure 6 A schematic diagram showing events and corresponding disabled time periods in a visual calendar interface according to an embodiment of this disclosure is illustrated. (Refer to...) Figure 6 At a 15-minute time granularity, time block 21, located between approximately 01:45 and 02:30, is rendered as the first event block 30, presented here with a blue diagonal fill style.

[0072] In some embodiments, when the time granularity parameter is adjusted, the position and size of the first event block 30 can be recalculated based on the adjusted time granularity parameter, and the first event block 30 on the time axis 20 can be re-rendered to ensure that the display position of the event block is consistent with the time scale after the granularity is switched.

[0073] 140: Determine the first disabled time period based on the time period occupied by each event.

[0074] In this embodiment of the disclosure, the first disabled time period can be used to prevent it from being occupied by a new event, thus constituting a disabled constraint for the new event, as described below. (Refer to...) Figure 6 The first event block 30 can be defined as the first disabled time period, which overlaps with the first event block 30 on the user interface, covering all time cells 21 between the start and end times of each event. In some embodiments, the boundary of the first disabled time period may not be affected by changes in the time granularity parameter; that is, regardless of the granularity at which the timeline is displayed, the start and end times of the first disabled time period are always equal to the times determined by the sum of the start time parameter and the duration parameter of the corresponding event. For example, at a 15-minute granularity ( Figure 6 (Scene shown) and 5-minute granularity ( Figure 7 In the scenario shown, the time boundaries of the first disabled time period corresponding to the same event are the same, and only the number of time squares occupied visually varies with the granularity.

[0075] Furthermore, considering that disabling a new event solely based on the occupied time period of an existing event can only prevent the starting position of the new event from directly falling into the occupied range of an existing event, it cannot prevent conflicts in the duration of the new event due to its own duration. That is, the starting position of the new event itself is not within the occupied range of an existing event, but the expected duration of the new event causes its termination time to extend into the occupied range of an existing event. Therefore, this embodiment of the present disclosure further introduces a second disabled time period mechanism, which is described in detail in step 150.

[0076] 150: Based on the start time parameter and preset duration parameter of each event, determine the second prohibited time period within the duration parameter range before the start time parameter of each event.

[0077] In this embodiment of the disclosure, the preset duration parameter can be the expected duration configured by the system for a new event that the user is about to create. In some embodiments, the preset duration parameter can be a default duration. In some embodiments, the preset duration parameter can also be adjusted by the user. In some embodiments, the preset duration parameter can even be automatically adjusted according to the adjustment of the time granularity parameter, as further described below. In one example, in a personnel scheduling scenario, such as Figure 6 As shown, the preset duration parameter represents the default duration of each appointment operation under this time granularity parameter. For example, under a 15-minute time granularity, the preset duration is 15 minutes; Figure 7 As shown, the preset duration parameter represents the default duration of each appointment operation under this time granularity parameter. For example, the preset duration is 5 minutes under a 5-minute time granularity. In this example, as... Figures 5 to 7As shown, the preset duration parameter can be actively adjusted by the user in the duration input box 14 of interface 10.

[0078] In some embodiments, correspondingly, for each existing event in the event set, based on the event's start time parameter and preset duration parameter, a second disabled time period is determined by tracing back the time range corresponding to the duration parameter before the event's start time parameter. Figure 6 The specific example illustrates that if the start time parameter of event A is 2:00 and the preset duration parameter is 15 minutes, then the second disabled time period corresponding to event A is from 1:45 to 2:00, covering the interval of 15 minutes before the start time of event A. (See reference...) Figure 6 At a 15-minute time granularity, time grid 21 located between approximately 01:30 and 01:45 is rendered as a dotted fill style of the second disabled time period 32 (different from the blue diagonal line style of the first event block 30). Here, the first disabled time period corresponds to the actual area occupied by existing events, and the second disabled time period corresponds to the buffer area where new events cannot be selected due to the preset duration extension.

[0079] As an explanation rather than a limitation, by introducing the aforementioned second disabled time period, conflict detection is shifted from post-event verification to pre-event prevention. This allows users to perceive which areas are unselectable due to the existence of existing events when selecting the start time, thereby significantly improving the accuracy of time period selection and operational efficiency.

[0080] In a further embodiment, when the time granularity parameter is adjusted, if the duration parameter is synchronized with the granularity, the boundary of the second prohibited time period can be recalculated based on the adjusted duration parameter after the duration parameter is adjusted, so as to maintain the consistency between the second prohibited time period and the current duration parameter, as further described below.

[0081] 160: In response to the first operation on the timeline, determine the selected time period based at least on the starting position of the first operation, render the time cell corresponding to the selected time period, and obtain the rendered second event block.

[0082] In this embodiment of the disclosure, the starting position of the first operation is disabled during the first and second disabled time periods.

[0083] In this embodiment of the disclosure, the first operation involves a user initiating an operation on a visual timeline to select a time period for a new event. As described above, in this embodiment of the disclosure, before receiving the first operation, first and second disabled time periods have been determined based on the processing in steps 140 and 150, and optionally, their corresponding time slots 21 are visually marked as unselectable. When a user attempts to initiate the first operation on a time slot covered by the first disabled time period 31 or the second disabled time period 32, that position will be prohibited from being used as the starting position of the operation; in some embodiments, a prompt message may also be generated to indicate to the user that the starting position is unselectable and the reason therefor, to help the user understand the reason for the restriction and make quick adjustments.

[0084] In some embodiments, the first operation may include a drag operation. Further, the start and end times of the selected time period of the new event can be determined through a three-stage action of press-move-release.

[0085] In this embodiment of the disclosure, the first operation may include a drag-and-drop operation, which will be referred to below. Figure 2 This section provides a detailed description of how to determine the selected time period for a new event in drag-and-drop operation mode. (Refer to...) Figure 2 When the first operation is a drag operation, the step of determining the selected time period based on the starting position of the first operation may include steps 210 to 230.

[0086] 210: In response to an initial press action on the timeline that is not located within the first or second disabled time period, determine the starting position of the drag operation and determine the starting time parameter of the selected time period based on the starting position.

[0087] In this embodiment of the disclosure, when a user presses a mouse button on the visual timeline 20 or presses the touchscreen with a finger or other tool, it can first be determined whether the time cell corresponding to the pressed position is within a first or second disabled time period. If the time cell is within either disabled time period, the drag operation is not triggered, the starting position is not recorded, and a corresponding unselectable prompt message can be generated; if the time cell is within the selectable area, i.e., not within any disabled time period, the time cell corresponding to the pressed position can be confirmed as the starting position of the drag operation, and the starting time parameter of the selected time period can be determined according to the time corresponding to the starting position.

[0088] In some specific embodiments, the time offset with time granularity precision can be obtained by calculating the difference between the horizontal coordinate of the pressed position and the starting coordinate of the time axis container, dividing it by the unit time grid width corresponding to the current time granularity parameter, and then adding the starting time of the target time range to obtain the starting time parameter.

[0089] 220: In response to movement on the timeline, dynamically update the selected range from the time cell corresponding to the starting position to the time cell corresponding to the current position.

[0090] In this embodiment of the disclosure, when a user holds the key state after completing the initial pressing action and moves the mouse, finger or other tool on the timeline, the current position can be continuously tracked, and the corresponding time cell can be identified as the current drag position. Optionally, the visual labels of all time cells from the time cell corresponding to the starting position to the time cell corresponding to the current drag position can be updated in real time to form a dynamically expanding or contracting selection range.

[0091] In some embodiments of this disclosure, during the movement, the visual markers between the time frame corresponding to the starting position and the time frame corresponding to the current drag position can be updated in real time. This provides feedback on the dragging progress in a real-time rendering manner with precision down to the time granularity level. That is, whenever the mouse, finger, or other tool crosses the boundary of a time frame, the visual markers of the selected area immediately expand or shrink to the new time frame boundary. This real-time visual update mechanism provides users with a smooth and intuitive drag-and-drop interaction experience, ensuring that users can accurately determine whether the selected time period meets their needs before releasing the mouse.

[0092] 230: In response to a release action on the timeline, determine the end position of the drag operation to identify the selected time period.

[0093] In this embodiment of the disclosure, when a user releases the mouse, finger, or other tool, the current release position can be identified as the termination position of the drag operation, and the selected time period can be determined based on this.

[0094] In a further specific embodiment, step 230 may include the following steps A1 and A2:

[0095] A1: If the termination position does not enter or cross the subsequent adjacent first disabled time period, determine the termination time parameter of the selected time period based on the termination position.

[0096] In this embodiment, if when the user releases the mouse, finger, or other tool, the time cell 21 corresponding to the termination position does not enter or exceed the coverage area of ​​the adjacent first disabled time period 31 after the starting position 41 (i.e., the first disabled time period adjacent to the starting position and generated by an existing event), the termination time parameter of the selected time period can be directly determined based on the termination position, that is, the end time of the time cell 21 corresponding to the termination position is used as the termination time of the selected time period. Combining the starting time parameter and the termination time parameter, the complete selected time period is finally determined, and all its corresponding time cells are rendered as a second event block.

[0097] A2: If the selected time period enters or crosses a subsequent adjacent first prohibited time period at the termination position, the termination time is determined based on the start time of the adjacent first prohibited time period.

[0098] In this embodiment of the disclosure, if the user moves the mouse into or even beyond the adjacent first disabled time period 31 after the starting position 41 during the dragging process, the actual ending position 42 is not used as the reference; instead, the ending time of the selected time period is automatically truncated to the starting time of the adjacent first disabled time period 31. For example, such as... Figure 6 As shown, if a user starts dragging at 1:00 and continues until 2:30, and there is a first disabled time period between 2:00 and 3:00, the selected time period can be automatically truncated to 2:00. That is, 2:00 is used as the end time, rather than 2:30 corresponding to the actual mouse stop position, to avoid overlap between the selected time period and existing events. As another example, such as... Figure 7 As shown, if a user starts dragging from 1:50 and continues until 2:10, and there is a first disabled time period between 2:00 and 3:00, the selected time period can be automatically truncated to 2:00. That is, 2:00 is used as the end time, instead of 2:10 corresponding to the actual mouse stop position, to avoid the selected time period overlapping with existing events.

[0099] As an explanation rather than a limitation, the above-described truncation mechanism ensures that not only the first and second prohibited areas are disabled at the starting position level, but also that the ending position is automatically corrected when the user inadvertently drags the item beyond the boundary into or beyond the immediately following first prohibited area.

[0100] As an alternative embodiment, when the termination position enters or crosses a subsequent adjacent first disabled time period, the selection of the current time period can be cancelled, the second event block is not rendered, and a prompt is issued to the user, requiring them to perform the drag operation again.

[0101] In some embodiments, when a selected time period is determined, all time cells covered by the selected time period can be rendered as a second event block based on the finally determined start time parameter and end time parameter, so as to present the user's selection result in an intuitive visual form.

[0102] In other embodiments, the first operation may include a selection operation. Further, the selected time period can be determined by selecting a start time parameter and combining it with a duration parameter. Here, by way of explanation and not limitation, the main difference between a selection operation and a drag operation is that a drag operation determines the start and end of the selected time period simultaneously through the user's physical drag gesture, while a selection operation determines the selected time period by combining the start time parameter with the duration parameter, regardless of the ending position of the drag operation.

[0103] The following will combine Figure 3The specific implementation method for determining the selected time period under the selection operation mode is described in detail. In some embodiments, refer to Figure 3 When the first operation is a selection operation, the step of determining the selected time period based on the starting position of the first operation may include steps 310 to 330.

[0104] 310: Get the preset or user-selected duration parameter.

[0105] In some embodiments, such as step 310, a duration parameter for determining the length of the selected time period may be obtained, for example, as described above with reference to step 150. This duration parameter may be pre-configured by the system (e.g., a default of 15 minutes) or manually adjusted by the user in the duration input box on the interface; in some embodiments, it may also be adjusted based on the adjustment of the time granularity parameter, as described below.

[0106] 320: Get the start time parameter of the selected time period chosen by the user.

[0107] In this embodiment of the disclosure, the user specifies the start time parameter of a new event by interacting with the visual timeline 20 (e.g., clicking a time cell 21, or selecting a time value in the time selection box 13 of the interface 10). Similar to the drag-and-drop operation, a constraint check can also be performed here. That is, if the time selected by the user falls within either the first disabled time period 31 or the second disabled time period 32, the time selected by the interactive operation will be prevented from being used as the start time parameter, and a prompt message can be generated to indicate that the time is not selectable.

[0108] In this embodiment, the constraint on the selection of the starting position of the second disabled time period can be reflected in different interface forms. In some embodiments, it can be similar to the constraint on the starting press position of a drag operation, i.e., selection is not triggered, the starting position is not recorded, and a corresponding unselectable prompt message can be generated. In other embodiments, in the implementation of displaying selectable start times in a drop-down list, the time covered by the second disabled time period can be directly not displayed in the selectable options of the drop-down list or be grayed out and unselectable, thereby avoiding users from mistakenly selecting the disabled time. All options seen or selectable by the user in the drop-down list are currently valid start times.

[0109] 330: Determine the selected time period based on the start position and duration parameters.

[0110] In this embodiment, after the user completes the selection of the start time parameter in step 320, the system can directly calculate the end time parameter of the selected time period by superimposing the duration parameter onto the start time parameter, based on the start time parameter and the duration parameter (system preset value or user-selected value) obtained in step 310, thereby completely determining the selected time period. Furthermore, after determining the selected time period, its corresponding time cell 21 can be rendered as a second event block 40 and presented to the user in a selected visual style.

[0111] In some embodiments, steps 310 and 320 can be implemented in any suitable order. For example, after obtaining the start time selected by the user under a preset duration parameter, the user can be allowed to select / adjust the duration parameter. In some embodiments, the selectable range of the duration parameter in step 310 can be dynamically adjusted according to the current start position selected by the user in step 320. For example, if the user has determined the start time parameter, the time interval between the start position and the start time of the nearest subsequent first prohibited time period can be calculated, and this interval can be used as the upper limit of the selectable duration parameter. That is, after determining the start position, the user can only select a duration not exceeding the above interval to ensure that no matter what legal duration the user selects, the termination time of the new event will not fall into the next first prohibited time period. When there is no subsequent first prohibited time period, the upper limit of the selectable duration can be the system's preset default maximum duration.

[0112] In some embodiments, in response to a legitimate first operation whose starting position is not within any disabled time period, a selected time period can be determined based on the starting position of the first operation and other parameters (e.g., the ending position corresponding to a drag operation or the duration parameter corresponding to a selection operation), and the time cell corresponding to the selected time period can be rendered as a second event block. Figure 6 or Figure 7 (not shown), and optionally the user's current selection result can be identified with a specific visual style (such as highlight color or fill style).

[0113] In a further embodiment, after the first operation is completed (the second event block is rendered), event creation data can be generated based on the determined selected time period. This event creation data includes the start and end times of the selected time period and can be output in a structured data format (e.g., JSON format). This data may include fields such as start time, end time, event identifier, and conflict status, for direct access by external systems or backend services (e.g., AI agents). This structured data output mechanism enables the visual calendar component of this embodiment to be easily integrated with external systems such as AI scheduling agents and resource scheduling systems, supporting functions such as intelligent time recommendation and conflict optimization.

[0114] In further embodiments of this disclosure, the time granularity parameter can be adjusted based on the second operation, and in even further embodiments, the second disabled time period can be further adjusted based on the adjustment of the time granularity parameter.

[0115] In some embodiments, refer to Figure 4 The flowchart illustrates a method for adjusting time granularity parameters according to an embodiment of the present disclosure. The method may further include steps related to adjusting the time granularity parameters through a second operation and regenerating the visualized time axis.

[0116] In some embodiments, such as Figure 4 As shown, the interactive processing method may further include the following steps 410 to 430.

[0117] 410: Listen for the second operation event and determine the operation direction of the second operation event.

[0118] In this embodiment of the disclosure, the second operation involves adjusting the time granularity parameter.

[0119] In some embodiments, the second operation may include a scroll wheel operation. Accordingly, the second operation event may include a scroll wheel event generated by the user within the visualization timeline 20 area. Here, scroll wheel events generated by the user within the timeline area can be continuously monitored. When a scroll wheel event is triggered, the operation direction can be determined based on the positive or negative value of its vertical scroll amount parameter, and the adjustment range of the time granularity parameter can be determined based on the magnitude of the vertical scroll amount parameter.

[0120] In another embodiment, the second operation may include a pinch-in / out operation to scale the time granularity parameter. Accordingly, the second operation event may include a gesture event (Pinch Gesture event) generated by the user on the touch device. Here, pinch gesture events by the user within the time axis area or other gesture recognition area can be continuously monitored. When a pinch gesture event is triggered, the operation direction can be determined based on the direction of change in the distance between the two touch points, and the adjustment range of the time granularity parameter can be determined based on the amount of change in the distance between the two touch points.

[0121] In another embodiment, the second operation may include dragging the zoom bar. Accordingly, the second operation event may include a drag event generated by the user dragging the zoom slider control in the interface. Here, the user's drag events on the zoom slider can be continuously monitored. When a drag event is triggered, the operation direction can be determined based on the slider's movement direction, and the adjustment range of the time granularity parameter can be determined based on the slider's displacement.

[0122] In another embodiment, the second operation may include clicking the zoom button. Accordingly, the second operation event may include a click event generated by the user clicking the zoom-in or zoom-out button on the interface. Here, user click events on the aforementioned buttons can be monitored. When a click event is triggered, the operation direction can be determined based on the semantics of the clicked button, and the time granularity parameter for each click triggering a preset step size can be adjusted.

[0123] In another embodiment, the second operation may include a keyboard shortcut operation. Accordingly, the second operation event may include a specific keyboard event generated by the user in the timeline area. Here, the specific keyboard event generated by the user in the timeline area can be continuously monitored. When the specific keyboard event is triggered, the operation direction can be determined based on the key value or key combination pressed, and the time granularity parameter can be adjusted accordingly based on a preset shortcut mapping relationship.

[0124] 420: When the operation direction is the first operation direction, increase the time granularity parameter.

[0125] In this embodiment, the first operation direction can correspond to, for example, scrolling the scroll wheel downwards, pinching the screen, moving the slider towards the magnifying end, clicking the magnification button, or pressing the up arrow key on the keyboard. Here, when the operation direction is determined to be the first operation direction, the time granularity parameter is increased according to a preset sequence, for example, from 15 minutes to 30 minutes. In some embodiments, there is an upper limit to the increase in the time granularity parameter; adjustment requests exceeding this limit will be restricted to that limit. In a specific example, the upper limit of the time granularity parameter is set to 60 minutes (1 hour).

[0126] 430: When the operation direction is the second operation direction, reduce the time granularity parameter.

[0127] In this embodiment, the second operation direction can correspond to, for example, scrolling the scroll wheel upwards, opening the finger (PinchOut), moving the slider towards the shrinking end, clicking the shrink button, or pressing the down arrow key on the keyboard. When the system determines that the operation direction is the second operation direction, it decreases the time granularity parameter according to a preset sequence, for example, from 15 minutes to 5 minutes. Figure 6 and Figure 7 As shown. In some embodiments, there is a lower limit to the reduction of the time granularity parameter, and adjustment requests exceeding the lower limit will be restricted to that lower limit. In a specific instance, the lower limit of the time granularity parameter is set to 1 minute.

[0128] In this embodiment of the disclosure, after adjusting the time granularity parameters in steps 420 or 430 above, the visualized time axis 20 and its time grid 21 can be regenerated based on the adjusted time granularity parameters. The regenerated time grid 21 corresponds to the adjusted time granularity parameters. In some embodiments, for example, referring to... Figures 5 to 7 After the time granularity is adjusted, the width and number of time grids can also change accordingly, while the entire length of the time axis (such as the entire day range from 0:00 to 23:00) can remain unchanged, ensuring that the target time range covered by the time axis is consistent before and after the granularity switch.

[0129] In some embodiments, while adjusting the time granularity, the visible center position of the time axis can be kept unchanged (e.g., the position of the current time remains largely unchanged, or the pixel position corresponding to the center moment of the current visible area remains basically stable), thereby providing a visually continuous scaling experience.

[0130] In some embodiments, when the time granularity parameter is adjusted, the preset duration parameter can also be adjusted synchronously, and the second disabled time period can be redefined based on the adjusted duration parameter. Here, the width of the second disabled time period can be updated synchronously with the change of the time granularity parameter, so that the disabled buffer is consistent with the expected duration of new events at the current granularity, thereby enabling the high-resolution starting position space released after the time granularity is refined to be effectively utilized.

[0131] In some embodiments, the synchronous adjustment of the preset duration parameter can be achieved through a preset mapping relationship between the time granularity parameter and the duration parameter. Specifically, when the time granularity parameter is adjusted, the step of synchronously adjusting the duration parameter may include the following steps B1 and B2:

[0132] B1: Obtain the adjusted time granularity parameters.

[0133] In this embodiment of the disclosure, the adjusted time granularity parameter can be, for example, the time granularity parameter value adjusted in step 420 or step 430.

[0134] B2: Based on the preset mapping relationship between the time granularity parameter and the duration parameter, determine the adjusted duration parameter corresponding to the adjusted time granularity parameter.

[0135] In some embodiments, the preset mapping relationship can be a linear mapping relationship. For example, the duration parameter can be kept as a fixed multiple of the time granularity parameter, so that the width of the second disabled time period shrinks or expands linearly with the time granularity parameter.

[0136] In other embodiments, the preset mapping relationship can also be a non-linear mapping relationship. For example, each time granularity level has a preset independent duration parameter value or conforms to a preset non-linear mapping rule, such as a time granularity parameter of 60 minutes corresponding to a duration parameter of 30 minutes, a time granularity parameter of 15 minutes corresponding to a duration parameter of 10 minutes, and a time granularity parameter of 5 minutes corresponding to a duration parameter of 5 minutes, so as to independently optimize the width between the disabled buffers according to the actual scheduling needs of different granularity levels.

[0137] In some embodiments, the synchronous adjustment of the preset duration parameter can be achieved through the proportional relationship between the time granularity parameter before and after adjustment. Specifically, when the time granularity parameter is adjusted, the step of synchronously adjusting the duration parameter may include the following steps C1, C2, and C3:

[0138] C1: Get the time granularity parameters before and after adjustment.

[0139] In this embodiment of the disclosure, the time granularity parameter before adjustment can be the time granularity parameter value used by the time axis before the current adjustment operation is triggered, and the time granularity parameter after adjustment can be, for example, the time granularity parameter value after adjustment by step 420 or step 430.

[0140] C2: Get the duration parameter before adjustment.

[0141] In this embodiment of the disclosure, the duration parameter before adjustment is the preset duration parameter value that was currently in effect before the current time granularity parameter adjustment operation was triggered. In some embodiments, the duration parameter may be the system's default configured duration parameter value, or it may be the duration parameter value that the user actively adjusts in the duration input box 14 of the interface 10.

[0142] C3: Determine the adjusted duration parameter from the duration parameter before adjustment based on the ratio between the time granularity parameters before and after adjustment.

[0143] In some embodiments, the adjusted duration parameter can be the product of the original duration parameter and the granularity ratio (adjusted time granularity parameter / original time granularity parameter).

[0144] In some embodiments, after the duration parameter is adjusted in conjunction with the time interval, the second prohibited time interval corresponding to each event in the event set can be re-determined based on the adjusted duration parameter, and the visual label of the corresponding time cell on the time axis can be updated. Through the above-mentioned linkage mechanism, when the time granularity parameter is refined, the absolute time width of the second prohibited time interval is synchronously narrowed, so that the prohibited buffer space before the start time of each event is calibrated in accordance with the expected duration of the new event under the current granularity. In this way, the high-resolution starting position space released after the time granularity is refined can be actually used. Users do not need to manually adjust the duration parameter to select new events with starting positions closer to the boundaries of existing events and shorter durations under fine granularity, thus giving full play to the high-resolution selection capability of the fine granular time axis. Conversely, when the time granularity parameter is coarsened, the absolute time width of the second prohibited time interval 32 is synchronously expanded, so that the prohibited buffer space is consistent with the expected duration of the new event under coarse granularity, thereby avoiding the situation where the buffer space is insufficient and the user mistakenly selects a starting position that may conflict with existing events due to the duration parameter not being expanded synchronously after the granularity is coarsened.

[0145] In this embodiment of the disclosure, the interactive experience of the visual calendar can be further enhanced through visual differentiation and accessibility features.

[0146] In some embodiments, the interactive processing method may further include: rendering time cells 21 located within the first disabled time period 31 in a first visual style; rendering time cells 21 located within the second disabled time period 32 in a second visual style; and displaying time cells 21 not located within the first disabled time period 31 or the second disabled time period 32 in a third visual style.

[0147] In some embodiments, the above-mentioned three-state visual differentiation markings enable users to intuitively perceive which time grids are selectable areas, which belong to the first disabled time period that is not selectable due to the event being occupied, and which belong to the second disabled time period that is not selectable due to the preset duration extension when interacting with the timeline, without having to perform tentative operations. This greatly reduces the cognitive burden on users and improves the efficiency and accuracy of selection operations.

[0148] In a further embodiment, different time periods or visual styles can have different priorities. In a further embodiment, when a time cell is simultaneously within the coverage area of ​​a first disabled time period 31 and a second disabled time period 32, the time cell can be rendered with a first visual style, that is, the visual style of the first disabled time period 31 takes precedence over the second disabled time period 32.

[0149] In some embodiments, the interaction processing method may further include a hover tooltip function. In a specific example, the interaction processing method may include: displaying a hover tooltip layer in response to detecting that a user pointer is hovering over a time cell on the timeline that includes a first event block; and hiding the hover tooltip layer in response to detecting that the user pointer leaves the time cell.

[0150] In a further embodiment, the floating tooltip layer can be implemented using a tooltip popup component, which triggers its display by listening for cursor hover events and hides it by listening for cursor removal events. This allows users to view details of existing events without clicking, reducing intrusive pop-up operations and improving interaction efficiency.

[0151] In a further embodiment, the content displayed by the floating notification layer may include at least one of the following: event title, start and end time, and event status.

[0152] In a further embodiment, the display position of the floating tooltip layer can be dynamically positioned based on the cursor coordinates.

[0153] In some embodiments, reference Figure 8 The diagram illustrates a specific implementation flowchart of the interactive processing method according to an embodiment of the present disclosure, demonstrating the specific implementation flow of the above-mentioned steps within a complete user session and the cyclical relationship between multiple interactive operations during the actual use of the visual calendar.

[0154] In some embodiments, refer to Figure 8 The illustration shows a specific example of an embodiment of this disclosure.

[0155] In this specific example, initialization can be performed to set the initial value of the time granularity parameter and load the event set data for the target time range, generating a visual timeline 20. Based on the event set, the first event block 30 is rendered, and the first disabled time period 31 and the second disabled time period 32 are determined, completing the initial state rendering of the interface 10. After initialization, the interface 10 presents the user with the complete disabled / selectable state within the current time range.

[0156] After initialization, the system can enter event listening mode to continuously monitor user actions on timeline 20. When a user performs an action, the system can determine the type of action: whether it is a primary action (such as a press or click during a drag operation) or a secondary action (such as a scroll wheel action).

[0157] Here, if it is determined to be the second operation, the direction of the second operation can be determined and the time granularity parameters can be adjusted. Based on the adjusted granularity parameters, the visual timeline 20 (including re-rendering the first event block 30) can be regenerated, and the duration parameters can be adjusted as needed, and the second disabled time period 32 can be recalculated. After the granularity adjustment is completed, the system returns to the user operation judgment stage and continues to listen for the user's next operation.

[0158] Here, if it is determined to be the first operation, the user's click position, such as the click time, can be obtained, and the second event block 40 can be rendered based on, for example, the start and end times of the drag. During this process, a disable check and / or conflict check can be performed based on the start position and the drag process. For example, if the start position is within the disabled area, a prompt message can be generated and the operation listening state can be returned; if the start position is within the selectable area 33, the corresponding time period determination logic is executed according to the operation type, and the selected time period is finally determined, completing a time period selection interaction operation; if the first operation is a drag operation, the drag operation can be checked to see if it conflicts with an existing event (the first disabled time period).

[0159] Furthermore, event data can be displayed after the interactive operation is completed.

[0160] Subsequently, the system returns to the user action judgment stage, waiting for the user to initiate the next action.

[0161] Based on the above, the interactive processing method for the visual calendar in this disclosure solves the technical problem that known calendar interaction schemes lack a real-time conflict prevention mechanism when users select time periods in scenarios with multiple concurrent events, leading to potential conflicts between the selection operation and existing events. By introducing a second disabled time period based on a duration parameter, this scheme shifts conflict detection from post-event verification to pre-event prevention, allowing users to perceive which areas are unselectable due to the existence of existing events when selecting the start time, thereby significantly improving the accuracy and efficiency of time period selection.

[0162] Furthermore, the interactive processing method for the visual calendar in this embodiment of the present disclosure solves the technical problem that the ending position during drag-and-drop selection may fall into an area already occupied by events. Through an automatic truncation mechanism, this further solution ensures the validity of the selected time period while preserving the user's operational intent.

[0163] Furthermore, the interactive processing method of the visual calendar in this disclosure solves the technical problem that a fixed time granularity cannot adapt to scheduling needs with different precision. As an explanation, and not a limitation, in some cases, when a user intends to work at a finer time resolution, it often means that the user may want to schedule shorter new events; however, when the time granularity parameter is refined while the preset duration parameter remains unchanged, the second prohibited time period determined based on the preset duration parameter does not shrink in absolute time width with the granularity. This means that at the fine granularity, a large number of time cells that could be legal starting positions for new events with shorter durations are still unselectable due to the coverage of the second prohibited time period, resulting in the high-resolution selection capability provided by the fine-granular time axis not being fully utilized. By adjusting the preset duration parameter in conjunction with the time granularity parameter, the width of the second disabled time period narrows synchronously with the granularity refinement. This ensures that the disabled buffer before the start time of each event is always calibrated to the expected duration of the new event under the current granularity. Without requiring the user to manually adjust the preset duration parameter, the high-resolution starting position space provided by the granularity refinement is actually released, allowing the user to select a new event with a starting position closer to the boundary of the existing event and a shorter duration under fine granularity.

[0164] This disclosure also provides an interactive processing device for a visual calendar. Figure 9 An exemplary block diagram of an interactive processing apparatus for a visual calendar according to an embodiment of the present disclosure is shown. (Refer to...) Figure 9 The interactive processing device 900 may include a data acquisition module 910, a timeline generation module 920, a first rendering module 930, a first determination module 940, a second determination module 950, and a second rendering module 960.

[0165] In some embodiments, the data acquisition module 910 is configured to acquire a set of events within a target time range, the set of events including at least one event's start time parameter and duration parameter.

[0166] In some embodiments, the timeline generation module 920 is configured to generate a visual timeline corresponding to the target time range based on an initial time granularity parameter, wherein the visual timeline includes continuous time grids corresponding to the time granularity parameter.

[0167] In some embodiments, the first rendering module 930 is configured to determine the time period corresponding to each event based on the start time parameter and duration parameter of each event in the event set, and render the time grid on the time axis corresponding to the time period to obtain the first event block to be rendered.

[0168] In some embodiments, the first determining module 940 is configured to determine a first disabled time period based on the occupied time period corresponding to each event.

[0169] In some embodiments, the second determining module 950 is configured to determine a second disabled time period within the range of the duration parameter preceding the start time parameter of each event, based on the start time parameter of each event and the preset duration parameter.

[0170] In some embodiments, the second rendering module 960 is configured to, in response to a first operation on the timeline, determine a selected time period based at least on the start position of the first operation, render the time grid corresponding to the selected time period, and obtain a rendered second event block, wherein the start position of the first operation is disabled during the first disabled time period and the second disabled time period.

[0171] The apparatus, components, modules, units, and features described in the embodiments of this disclosure can be incorporated into the methods of the embodiments of this disclosure in a non-contradictory manner, and will not be elaborated further here. Conversely, the methods, steps, sub-steps, and features described in the embodiments of this disclosure can also be incorporated into the apparatus of the embodiments of this disclosure in a non-contradictory manner. It should be noted that in the embodiments of this disclosure, the functional division of each module is a logical division for ease of description. In actual implementation, the function of each module can be carried by a single code module, or it can be distributed in multiple code modules or even multiple processing processes. This disclosure does not impose any restrictions on this.

[0172] In embodiments of this disclosure, an electronic device may also be provided, including: a processor and a memory storing a computer program, the processor being configured to perform the method of any of the embodiments of this disclosure when running the computer program.

[0173] Figure 10 The illustration shows a method or electronic device 1000 that can implement embodiments of the present disclosure. In some embodiments, it may include more or fewer electronic devices than illustrated. In some embodiments, it may be implemented using a single or multiple electronic devices. In some embodiments, it may be implemented using cloud-based or distributed electronic devices.

[0174] like Figure 10As shown, the electronic device 1000 includes a processor 1001, which can perform various appropriate operations and processes based on programs and / or data stored in read-only memory (ROM) 1002 or programs and / or data loaded from storage portion 1008 into random access memory (RAM) 1003. The processor 1001 may be a multi-core processor or may include multiple processors. In some embodiments, the processor 1001 may include a general-purpose main processor and one or more special coprocessors, such as a graphics processing unit (GPU), a neural network processor (NPU), a digital signal processor (DSP), etc. Various programs and data required for the operation of the electronic device 1000 are also stored in RAM 1003. The processor 1001, ROM 1002, and RAM 1003 are interconnected via bus 1004. An input / output (I / O) interface 1005 is also connected to bus 1004.

[0175] The processor and memory described above are used together to execute a program stored in the memory. When the program is executed by a computer, it can implement the steps or functions of the methods described in the above embodiments.

[0176] The following components are connected to I / O interface 1005: an input section 1006 including a keyboard, mouse, touchscreen, etc.; an output section 1007 including a cathode ray tube (CRT), liquid crystal display (LCD), etc., and speakers, etc.; a storage section 1008 including a hard disk, etc.; and a communication section 1009 including a network interface card such as a LAN card, modem, etc. The communication section 1009 performs communication processing via a network such as the Internet. A drive 1010 is also connected to I / O interface 1005 as needed. A removable medium 1011, such as a disk, optical disk, magneto-optical disk, semiconductor memory, etc., is installed on drive 1010 as needed so that computer programs read from it can be installed into storage section 1008 as needed. Figure 10 The diagram only shows a portion of the components and does not imply that the computer system 1000 only includes... Figure 10 The components shown.

[0177] The systems, devices, modules, or units described in the above embodiments can be implemented by a computer or its associated components. The computer may be, for example, a mobile terminal, smartphone, personal computer, laptop computer, in-vehicle human-machine interface device, personal digital assistant, media player, navigation device, game console, tablet computer, wearable device, smart TV, Internet of Things system, smart home, industrial computer, server, or a combination thereof.

[0178] Although not shown, in embodiments of this disclosure, a program product is provided, the program product comprising a computer program configured to be run to implement the methods of any embodiment of this disclosure.

[0179] Although not shown, in embodiments of this disclosure, a storage medium is provided storing a computer program configured to be executed to implement the methods of any of the embodiments of this disclosure.

[0180] Storage media in embodiments of this disclosure include articles that are permanent and non-permanent, removable and non-removable, capable of storing information by any method or technology. Examples of storage media include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic magnetic disk storage or other magnetic storage devices, or any other non-transfer medium that can be used to store information accessible by a computing device.

[0181] The methods, programs, systems, apparatuses, etc., of the embodiments of this disclosure can be executed or implemented in a single or multiple networked computers, or practiced in a distributed computing environment. In the embodiments of this specification, in these distributed computing environments, tasks can be performed by remote processing devices connected via a communication network.

[0182] Those skilled in the art will understand that the embodiments described in this specification can be provided as methods, systems, or computer program products. Therefore, those skilled in the art will realize that the functional modules / units or controllers and related method steps described in the above embodiments can be implemented in software, hardware, or a combination of both.

[0183] Unless explicitly stated otherwise, the actions or steps of the methods or procedures described in the embodiments of this disclosure do not necessarily have to be performed in a specific order and can still achieve the desired results. In some implementations, multitasking and parallel processing are also possible or may be advantageous.

[0184] This document describes several embodiments of the present disclosure; however, for the sake of brevity, the descriptions of the embodiments are not exhaustive, and identical or similar features or portions between the embodiments may be omitted. In this document, "one embodiment," "some embodiments," "example," "specific example," or "some examples" refers to at least one embodiment or example applicable to the present disclosure, but not all embodiments. The above terms do not necessarily refer to the same embodiment or example. Without contradiction, those skilled in the art can combine and integrate the different embodiments or examples described in this specification, as well as the features of the different embodiments or examples.

[0185] The exemplary systems and methods of this disclosure have been specifically shown and described with reference to the foregoing embodiments, and are merely examples of the best mode for implementing the systems and methods. Those skilled in the art will understand that various changes can be made to the embodiments of the systems and methods described herein without departing from the spirit and scope of this disclosure as defined in the appended claims when implementing the systems and / or methods.

Claims

1. An interactive processing method for a visual calendar, characterized in that, include: Obtain a set of events within a target time range, the set of events including at least one event's start time parameter and duration parameter; A visualization timeline corresponding to the target time range is generated based on the initial time granularity parameters. The visualization timeline includes continuous time grids corresponding to the time granularity parameters. Based on the start time and duration parameters of each event in the event set, the time period corresponding to each event is determined, and the time grid corresponding to the time period on the time axis is rendered to obtain the first event block to be rendered. The first disabled time period is determined based on the time period occupied by each event; Based on the start time parameter and preset duration parameter of each event, determine the second prohibited time period within the duration parameter range preceding the start time parameter of each event; In response to a first operation on the timeline, a selected time period is determined at least based on the start position of the first operation, and a time grid corresponding to the selected time period is rendered to obtain a rendered second event block, wherein the start position of the first operation is disabled within the first disabled time period and the second disabled time period.

2. The interactive processing method according to claim 1, characterized in that, The first operation is a drag-and-drop operation; Wherein, determining the selected time period based at least on the starting position of the first operation includes: In response to an initial press action on the timeline that is not located within the first and second disabled time periods, the starting position of the drag operation is determined, and the starting time parameter of the selected time period is determined based on the starting position. In response to a movement action on the time axis, the selected range between the time cell corresponding to the starting position and the time cell corresponding to the current position is dynamically updated; In response to a release action on the timeline, the termination position of the drag operation is determined to determine the selected time period.

3. The interactive processing method according to claim 2, characterized in that, The step of determining the termination position of the drag operation in response to a release action on the time axis, in order to determine the selected time period, includes: If the termination position does not enter or cross a subsequent adjacent first disabled time period, the termination time parameter of the selected time period is determined based on the termination position. If the selected time period enters or crosses a subsequent adjacent first disabled time period at the termination position, the termination time of the selected time period is determined based on the start time of the adjacent first disabled time period.

4. The interactive processing method according to claim 1, characterized in that, The first operation is a selection operation; Wherein, determining the selected time period based at least on the starting position of the first operation includes: Obtain the preset or user-selected duration parameter; Get the start time parameter of the selected time period chosen by the user; The selected time period is determined based on the starting position and the duration parameter.

5. The interactive processing method according to any one of claims 1 to 4, characterized in that, Also includes: In response to a second operation on the time axis, the time granularity parameter is adjusted, and the visualized time axis and its time grids are regenerated according to the adjusted time granularity parameter, wherein the regenerated time grids correspond to the adjusted time granularity parameter.

6. The interactive processing method according to claim 5, characterized in that, The adjustment of the time granularity parameter in response to the second operation on the time axis includes: Listen for the second operation event and determine the operation direction of the second operation event; When the operation direction is the first operation direction, the time granularity parameter is increased; When the operation direction is the second operation direction, the time granularity parameter is reduced.

7. The interactive processing method according to claim 5, characterized in that, Also includes: When the time granularity parameter is adjusted, the duration parameter is adjusted synchronously, and the second disabled time period is re-determined based on the adjusted duration parameter.

8. The interactive processing method according to any one of claims 1 to 4, characterized in that, Also includes: Render the time grid located within the first disabled time period using the first visual style; Render the time grid within the second disabled time period using the second visual style; Time cells that are not within the first or second disabled time period are displayed in a third-view style.

9. An interactive processing device for a visual calendar, characterized in that, include: The data acquisition module is configured to acquire a set of events within a target time range, the set of events including at least one event's start time parameter and duration parameter; The timeline generation module is configured to generate a visual timeline corresponding to the target time range based on the initial time granularity parameters. The visual timeline includes continuous time grids corresponding to the time granularity parameters. The first rendering module is configured to determine the time period corresponding to each event based on the start time parameter and duration parameter of each event in the event set, and render the time grid on the time axis corresponding to the time period to obtain the first event block to be rendered. The first determination module is configured to determine the first disabled time period based on the time period occupied by each event. The second determining module is configured to determine a second disabled time period within the range of the duration parameter before the start time parameter of each event, based on the start time parameter of each event and the preset duration parameter. The second rendering module is configured to respond to a first operation on the timeline, determine a selected time period based at least on the start position of the first operation, render the time grid corresponding to the selected time period, and obtain a second event block to be rendered, wherein the start position of the first operation is disabled during the first disabled time period and the second disabled time period.

10. An electronic device, characterized in that, include: A processor and a memory storing a computer program, the processor being configured to implement the method as described in any one of claims 1 to 8 when the computer program is executed.

11. A program product comprising a computer program, wherein, When the computer program is executed by a processor, it implements the method as described in any one of claims 1 to 8.

Images