Date display method and device, equipment, storage medium and computer program product
The date display method improves user experience by displaying granularity selection controls and date ranges on the same interface, enhancing intuitiveness and reducing errors in date selection.
Patent Information
- Application Number
- CN202411215381.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-08-30
- Publication Date
- 2024-12-24
- Estimated Expiration
- Not applicable · inactive patent
AI Technical Summary
The intuitiveness of date display in data filtering methods is inadequate, affecting user experience when selecting date ranges.
A date display method that includes displaying granularity selection controls and multiple dates on the same interface, allowing users to select and view date ranges intuitively through a series of interfaces with distinct display areas for start and end dates, historical intervals, and statistical data.
Enhances the intuitiveness of date display, facilitates user operations, and reduces information communication errors by unifying date expression methods and providing historical selection habits, thereby improving decision-making efficiency.
Smart Images

Figure CN119179414A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of electronic devices, and in particular to a date display method, device, equipment, storage medium and computer program product. Background Art
[0002] In the era of big data, the application of data has gradually penetrated into various fields. When the amount of data is large, it is usually necessary to filter the data. For example, the data can be filtered according to the date.
[0003] Selecting a date range and then filtering out the data in that date range is a data filtering method. When users select a date range, whether the date display is intuitive directly affects the user experience. Therefore, how to improve the intuitiveness of date display is a problem that needs to be solved urgently. Summary of the invention
[0004] The embodiments of the present application provide a date display method, apparatus, device and storage medium. By displaying a granularity selection control for selecting a date interval granularity and multiple dates on the same interface, the intuitiveness of date display can be improved and user operation can be facilitated.
[0005] In a first aspect, a date display method is provided, in which a first interface including a date selection component is displayed, and in response to a touch operation on the date selection component, a second interface is displayed, the second interface including at least one granularity selection control and multiple dates corresponding to a preset granularity selection control, the preset granularity selection control being one of the at least one granularity selection control, and different granularity selection controls corresponding to date interval selection granularities being different.
[0006] In the above technical solution, by displaying the granularity selection control and multiple dates on the same interface, the intuitiveness of date display can be improved.
[0007] In a possible embodiment, the method further includes: in response to a control selection operation on a target granularity selection control, when the target granularity selection control is different from the preset granularity selection control, displaying a third interface, the third interface including the target granularity selection control in a selected state and multiple dates corresponding to the target granularity selection control.
[0008] In the above technical solution, different granularity selection controls may correspond to different interfaces. If the preset granularity selection control is not the granularity selection control that the user wants to select, the user may reselect it to display a new interface.
[0009] In a possible implementation, the second interface further includes a display control, the display control includes a start date display area and an end date display area, and the method further includes:
[0010] In response to a date selection operation in the second interface, the earliest date among the selected dates is displayed in the start date display area, and the latest date among the selected dates is displayed in the end date display area.
[0011] In the above technical solution, the date range selected by the user can be directly displayed through the start date display area and the received date display area, so that the user can view the selected date conveniently.
[0012] In a possible implementation, the display control further includes a statistical data display area, and the start date display area, the end date display area, and the statistical data display area are located in the same display frame in the display control.
[0013] In the above technical solution, by displaying the start date, end date and statistical data in the same display frame, the accuracy of conveying information in different display frames can be improved.
[0014] In a possible implementation, the start date display area and the end date display area display dates at the minimum granularity of the date.
[0015] In the above technical solution, by displaying the date at the minimum granularity and unifying the expression methods of the dates selected at different granularities, information communication errors caused by different date expression methods can be avoided.
[0016] In a possible implementation manner, the at least one date selection control further includes a recently selected granularity selection control, and when the preset granularity selection control is the recently selected granularity selection control, the multiple dates include at least a portion of a historical date interval selected historically;
[0017] In the case where the target granular selection control is the most recently selected granular selection control, the multiple dates include at least a portion of the historical date range selected historically.
[0018] In the above technical solution, after the user selects the recently selected granular selection control, at least part of the historical date intervals of the historical selections can be displayed. All the date intervals of the historical selections can be viewed, and the most recent part of the date intervals of the historical selections (such as the date intervals of the most recent preset number of times) can also be viewed, which can show the user's potential selection habits to improve decision-making efficiency.
[0019] In a possible implementation, the second interface further includes a selected time area, and the selected time area displays the selected time corresponding to the at least part of the historical date interval.
[0020] In the above technical solution, since the multiple dates corresponding to the most recently selected granular selection control are multiple dates selected in the past, it is convenient for the user to know when each historically selected date range was selected.
[0021] In a possible implementation, when the at least part of the historical date interval includes at least two historical date intervals, the at least two historical date intervals are displayed in a sequence according to a preset condition, and the preset condition includes one of the following conditions:
[0022] The date difference between the target date corresponding to each historical date interval and the current date is from large to small, and the target date is the start date, end date or the selected time of the selected historical date interval;
[0023] The date difference between the target date corresponding to each historical date interval and the current date is from small to large, and the target time is the start date, the end date or the selected time of the selected historical date interval.
[0024] In the above technical solution, multiple implementation methods of the display order of multiple dates corresponding to the most recently selected granular selection control are provided, which are not displayed in disorder, making it convenient for users to view historical date ranges and improving the feasibility of the solution.
[0025] In a possible implementation manner, the second interface further includes a restriction condition display area, and the restriction condition display area is used to display restriction conditions for date selection.
[0026] In the above technical solution, the user can be informed of the restriction conditions for date selection, thereby avoiding the situation where the restriction conditions for date selection are not displayed, resulting in the user being unable to select a date range, thereby improving the accuracy of the user's date range selection.
[0027] In one possible implementation, the restriction condition includes information related to the date and other information except the information related to the date, and the display parameters of the date-related information in the restriction condition display area are different from the display parameters of the other information, and the display parameters include at least one of font, size and color.
[0028] In the above technical solution, because the display parameters of information related to the date and other information except the information related to the date are different, it is convenient for the user to notice the information related to the date in the restriction conditions of date selection at the first time, and then notice the restriction conditions of date selection, thereby improving the accuracy of the user's selection of date range.
[0029] In a possible implementation, the at least one date selection control also includes a most recently selected granularity selection control, and when the preset granularity selection control is the most recently selected granularity selection control, the multiple dates include at least a portion of a historical date interval selected historically, and the display mode of the at least portion of the historical date interval includes an available display mode and an unavailable display mode, and the display parameters of the available display mode and the unavailable display mode are different. When the at least portion of the historical date interval does not meet the restriction condition, the display mode of the at least portion of the historical date interval is the unavailable display mode, and when the at least portion of the historical date interval meets the restriction condition, the display mode of the at least portion of the historical date interval is the available display mode.
[0030] In the above technical solution, it is convenient for the user to know which historical date intervals are viewable and which historical date intervals are not viewable through the unavailable display mode and the available display mode.
[0031] In a possible implementation, the method further includes:
[0032] In response to a first preset operation on a target historical date interval, a first prompt message is displayed, the target historical date interval is a historical date interval using the unavailable display method, the first prompt message is used to prompt that the target historical date interval does not meet the restriction condition, and the coordinates corresponding to the first preset operation are located within the display area of the target historical date interval.
[0033] In the above solution, by displaying the prompt information, the user can be informed of the reason why the historical date range using the unavailable display method cannot be viewed.
[0034] In a possible implementation, the second interface further includes at least one relative date selection control, each relative date selection control is used to select a time period whose end date is the date of the latest updated data, and the method further includes:
[0035] In response to a relative date selection operation on a target relative date selection control, the start date of a time period corresponding to the target relative date selection control is displayed in a start date display area, and the latest updated data date is displayed in an end date display area, wherein the target relative date selection control is one of the at least one relative date selection controls.
[0036] In the above technical solution, at least one relative date selection control is used to provide users with common options, so that the auxiliary information in the decision-making process is more sufficient, the richness of information is improved, and thus the decision-making efficiency is improved.
[0037] In a possible implementation, the time period corresponding to each relative date selection control is preset or user-configured.
[0038] In a possible implementation manner, the second interface further includes a preset mark, and the mark type of the preset mark includes a festival type for indicating festival information and / or an event type for indicating event information.
[0039] In the above technical solution, a preset mark can be added to at least one of the holidays and key events. Users can check what specific holiday and / or event a certain date belongs to based on the preset mark, so that users can obtain the corresponding holiday information and / or event information and make some arrangements in work and life.
[0040] In a possible implementation, the second interface further includes a mark description area, and the mark description area is used to indicate the corresponding relationship between the at least one preset mark and the type.
[0041] In the above technical solution, the user can obtain the corresponding relationship between the preset mark and the type through the mark description area.
[0042] In a possible implementation, the method further includes:
[0043] In response to a second preset operation on the date carrying the preset mark, second prompt information is displayed, where the second prompt information is used to prompt the holiday information and / or event information corresponding to the date carrying the preset mark.
[0044] In the above technical solution, at least one preset mark is used to provide the user with prompt information of common festivals or events, so that the auxiliary information in the decision-making process is more sufficient, the richness of information is improved, and thus the decision-making efficiency is improved.
[0045] In a possible implementation manner, the preset mark is preset or user-configured.
[0046] In a second aspect, a date display device is provided, the date display device comprising a display unit and a response unit;
[0047] A display unit, configured to display a first interface, wherein the first interface includes a date selection component;
[0048] A response unit is used to respond to a touch operation on the date selection component, and the display unit is used to display a second interface, wherein the second interface includes at least one granularity selection control and multiple dates corresponding to a preset granularity selection control, and the preset granularity selection control is one of the at least one granularity selection control, and different granularity selection controls correspond to different date interval selection granularities.
[0049] In a possible embodiment, the response unit is also used to respond to a control selection operation on a target granularity selection control. When the target granularity selection control is different from the preset granularity selection control, the display unit is also used to display a third interface, wherein the third interface includes the target granularity selection control in a selected state and multiple dates corresponding to the target granularity selection control.
[0050] In one possible embodiment, the second interface also includes a display control, which includes a start date display area and an end date display area. The response unit is also used to respond to a date selection operation in the second interface. The display unit is also used to display the earliest date among the selected dates in the start date display area, and to display the latest date among the selected dates in the end date display area.
[0051] In a possible implementation, the display control further includes a statistical data display area, and the start date display area, the end date display area, and the statistical data display area are located in the same display frame in the display control.
[0052] In a possible implementation, the start date display area and the end date display area display dates at the minimum granularity of the date.
[0053] In a possible implementation manner, the at least one date selection control further includes a recently selected granularity selection control, and when the preset granularity selection control is the recently selected granularity selection control, the multiple dates include at least a portion of a historical date interval selected historically;
[0054] In the case where the target granular selection control is the most recently selected granular selection control, the multiple dates include at least a portion of the historical date range selected historically.
[0055] In a possible implementation, the second interface further includes a time selection area, and the time selection area displays the selected time corresponding to the historical date range.
[0056] In a possible implementation, when the at least part of the historical date interval includes at least two historical date intervals, the at least two historical date intervals are displayed in a sequence according to a preset condition, and the preset condition includes one of the following conditions:
[0057] The date difference between the target date corresponding to each historical date interval and the current date is from large to small, and the target date is the start date, end date or the selected time of the selected historical date interval;
[0058] The date difference between the target date corresponding to each historical date interval and the current date is from small to large, and the target time is the start date, the end date or the selected time of the selected historical date interval.
[0059] In a possible implementation manner, the second interface further includes a restriction condition display area, and the restriction condition display area is used to display restriction conditions for date selection.
[0060] In one possible implementation, the restriction condition includes information related to the date and other information except the information related to the date, and the display parameters of the date-related information in the restriction condition display area are different from the display parameters of the other information, and the display parameters include at least one of font, size and color.
[0061] In a possible implementation, the at least one date selection control also includes a most recently selected granularity selection control, and when the preset granularity selection control is the most recently selected granularity selection control, the multiple dates include at least a portion of a historical date interval selected historically, and the display mode of the at least portion of the historical date interval includes an available display mode and an unavailable display mode, and the display parameters of the available display mode and the unavailable display mode are different. When the at least portion of the historical date interval does not meet the restriction condition, the display mode of the at least portion of the historical date interval is the unavailable display mode, and when the at least portion of the historical date interval meets the restriction condition, the display mode of the at least portion of the historical date interval is the available display mode.
[0062] In one possible implementation, the response unit is further used to respond to a first preset operation on a target historical date interval, and the display unit is further used to display a first prompt message, wherein the target historical date interval is a historical date interval using the unavailable display method, and the first prompt message is used to prompt that the target historical date interval does not meet the restriction condition, and the coordinates corresponding to the first preset operation are located within the display area of the target historical date interval.
[0063] In a possible implementation, the second interface further includes at least one relative date selection control, each relative date selection control is used to select a time period whose end date is the date of the latest updated data, the response unit is further used to respond to the relative date selection operation of the target relative date selection control, the display unit is further used to display the start date of the time period corresponding to the target relative date selection control in the start date display area, and to display the latest updated data date in the end date display area, the target relative date selection control is one of the at least one relative date selection controls.
[0064] In a possible implementation, the time period corresponding to each relative date selection control is preset or user-configured.
[0065] In a possible implementation manner, the second interface further includes a preset mark, and the mark type of the preset mark includes a festival type for indicating festival information and / or an event type for indicating event information.
[0066] In a possible implementation, the second interface further includes a mark description area, and the mark description area is used to indicate the corresponding relationship between the at least one preset mark and the type.
[0067] In a possible embodiment, the response unit is also used to respond to a second preset operation on the date carrying the preset mark, and the display unit is also used to display a second prompt information, wherein the second prompt information is used to prompt the holiday information and / or event information corresponding to the date carrying the preset mark.
[0068] In a possible implementation manner, the preset mark is preset or user-configured.
[0069] In a third aspect, an electronic device is provided, comprising a memory, one or more processors, and a display, wherein the memory is coupled to the processor, the memory is used to store computer program code, the computer program code comprises computer instructions, and when the processor executes the computer instructions, the electronic device executes any one of the methods described in the first aspect.
[0070] In a fourth aspect, a chip is provided, which includes a processor, a memory, and a display. The processor may be a logic circuit, an integrated circuit, or a general-purpose processor, etc. The memory stores instructions. The processor may implement the method in the first aspect by reading the software code stored in the memory. The memory may be integrated in the processor, or may be located outside the processor and exist independently.
[0071] In a fifth aspect, a chip system is provided, which is applied to an electronic device, the chip system comprising one or more interface circuits and one or more processors, and a display, the interface circuit and the processor are interconnected via a line, the interface circuit is used to receive a signal from a memory of the electronic device and send the signal to the processor, the signal comprising a computer instruction stored in the memory, and when the processor executes the computer instruction, the electronic device executes any one of the methods described in the first aspect.
[0072] In a sixth aspect, a computer program product is provided, the computer program product comprising: a computer program (also referred to as code, or instruction), which, when executed, enables a computer to execute the method in the first aspect.
[0073] In a seventh aspect, a computer-readable storage medium is provided, which stores a computer program (also referred to as code, or instruction) which, when executed on a computer, enables the computer to execute the method in the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS
[0074] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the embodiments and the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application, and other drawings can be obtained based on these drawings.
[0075] Figure 1 A flowchart of an embodiment of a date display method in an embodiment of the present application;
[0076] Figure 2 A schematic diagram of a first interface including a date selection component in an embodiment of the present application;
[0077] Figure 3A-3C Schematic diagrams of three different display forms of the date selection component in the embodiment of the present application;
[0078] Figure 4A-4D A schematic diagram of each granularity selection control in an embodiment of the present application;
[0079] Figure 4E A schematic diagram of a layout method of at least one granularity selection control and multiple dates on a second interface in an embodiment of the present application;
[0080] Figure 5A-Figure 5B Schematic diagram of two relative positions of the first interface and the second interface in the embodiment of the present application;
[0081] Fig. 6A A schematic diagram of an example of a date selection component in the related art;
[0082] Figure 6B A flowchart of selecting a date range by using a date selection component in the related art;
[0083] Figure 6C A schematic diagram of an example of a date selection component in the related art;
[0084] Figure 7 A flowchart of another embodiment of the date display method in the embodiment of the present application;
[0085] Figure 8 A flowchart of another embodiment of the date display method in the embodiment of the present application;
[0086] Fig. 9 This is a schematic diagram of an interface for selecting a custom interval control on the second interface in an embodiment of the present application;
[0087] Figure 10A-10B It is a schematic diagram of the interface of two layout modes of the date selection component and the display control in the embodiment of the present application;
[0088] Figure 11A-11B Schematic diagrams of two examples of data statistics display areas in the embodiments of the present application;
[0089] Fig.12 A schematic diagram of separately displaying the date range and total number of days selected by a user in the related art;
[0090] Figure 13A-13B Schematic diagram of two examples of historical date intervals corresponding to the most recently selected granularity selection control in an embodiment of the present application;
[0091] Fig.14 A schematic diagram of an example of highlighting restriction conditions in an embodiment of the present application;
[0092] Fig.15 A schematic diagram of a display method of restriction conditions in the related art;
[0093] Fig.16 A schematic diagram of an example of an available display mode and an unavailable display mode in the embodiment of the present application;
[0094] Fig.17 A schematic diagram of using prompt information and different display parameters to display corresponding historical date intervals in an embodiment of the present application;
[0095] Fig.18 A flowchart of another embodiment of the date display method in the embodiment of the present application;
[0096] Figures 19A-19D They are schematic diagrams of examples of relative date selection controls included in the date selection interfaces corresponding to the day interval selection control, the week interval selection control, the month interval selection control, and the year interval selection control in the embodiments of the present application;
[0097] Figure 20A-20B This is a schematic diagram of an example in which the second interface includes a preset mark in an embodiment of the present application;
[0098] Fig. 20C A schematic diagram of an example in which the second interface in the embodiment of the present application further includes a marking description area;
[0099] Fig.21 This is a schematic diagram of an example interface for selecting a relative date selection control in an embodiment of the present application;
[0100] Fig. 22 A schematic diagram of an example interface for relative date selection in the related art;
[0101] Figure 23A-23B This is a schematic diagram of an example interface of performing a hover operation on a date with a preset mark in an embodiment of the present application;
[0102] Fig.24 An exemplary diagram of a date display device provided in an embodiment of the present application;
[0103] Fig.25 A structural block diagram of an example of an electronic device provided in an embodiment of the present application;
[0104] Fig.26 A schematic diagram of the structure of an example of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0105] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be described below in conjunction with the drawings in the embodiments of the present application.
[0106] In order to facilitate data viewing, a data platform can be provided to display the data you want to view. When there is a lot of data in the data platform, filtering the data is one of the operations required to view the data. For example, you can filter the data by selecting a date range.
[0107] When users are selecting a date range, whether the date display is intuitive directly affects the user experience. Therefore, how to improve the intuitiveness of the date display is a problem that needs to be solved urgently.
[0108] In view of this, a date display method, apparatus, device and storage medium are provided in an embodiment of the present application. In this method, by displaying a granularity selection control for selecting the date interval granularity and multiple dates on the same interface, the intuitiveness of the date display can be improved and user operation can be facilitated.
[0109] The date display method provided in the embodiment of the present application can be implemented by an electronic device.
[0110] In an embodiment of the present application, the electronic device may include a terminal device or a computer. The terminal device may be a mobile phone, a tablet computer, a computer with wireless transceiver function, a virtual reality (VR) terminal device, an augmented reality (AR) terminal device, a wireless terminal device in industrial control, a wireless terminal device in self driving, a wireless terminal device in remote medical, a wireless terminal device in a smart grid, a wireless terminal device in transportation safety, a wireless terminal device in a smart city, or a wireless terminal device in a smart home, etc.
[0111] As an example but not limitation, in the embodiment of the present application, the terminal device can also be a wearable device with a display interface. Wearable devices can also be called wearable smart devices, which are a general term for wearable devices that use wearable technology to intelligently design and develop wearable devices for daily wear, such as glasses, gloves, watches, clothing and shoes. A wearable device is a portable device that is worn directly on the body or integrated into the user's clothes or accessories. Wearable devices are not only hardware devices, but also powerful functions achieved through software support, data interaction, and cloud interaction. Broadly speaking, wearable smart devices include full-featured, large-sized, and independent of smartphones to achieve complete or partial functions, such as smart watches or smart glasses, as well as those that only focus on a certain type of application function and need to be used in conjunction with other devices such as smartphones, such as various types of smart bracelets and smart jewelry for vital sign monitoring.
[0112] In addition, it should be noted that the interface in the embodiment of the present application, which can also be referred to as the user interface (UI), is a medium interface for interaction and information exchange between an application or operating system and a user, and it realizes the conversion between the internal form of information and the form acceptable to the user. The user interface of the application is a source code written in a specific computer language such as java and extensible markup language (XML). The interface source code is parsed and rendered on the electronic device, and finally presented as content that the user can recognize, such as pictures, text, buttons and other controls. Controls (controls), also known as widgets, are basic elements of the user interface. Typical controls include toolbars (toolbars), menu bars (menu bar), text boxes (text box), buttons (buttons), scroll bars (scrollbars), pictures and text. The properties and contents of controls in the interface are defined by tags or nodes. A node corresponds to a control or attribute in the interface, and the node is presented as user-visible content after parsing and rendering.
[0113] The commonly used form of expression of the user interface is a graphical user interface (GUI), which refers to an interface related to computer operation displayed in a graphical manner. It can be an interface element such as an icon, window, control, etc. displayed on the display screen of an electronic device, wherein the control may include visual interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, etc. In the embodiments of the present application, the words "first" and "second" are used to distinguish the same items or similar items with basically the same functions and effects. For example, the first instruction and the second instruction are to distinguish different user instructions, and their order is not limited. Those skilled in the art can understand that the words "first" and "second" do not limit the quantity and execution order, and the words "first" and "second" do not limit them to be necessarily different.
[0114] It should be noted that, in this application, words such as "exemplarily" or "for example" are used to indicate examples, illustrations or explanations. Any embodiment or design described as "exemplarily" or "for example" in this application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplarily" or "for example" is intended to present related concepts in a specific way.
[0115] "At least one" means one or more, and "plurality" means two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the associated objects before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b and c can mean: a, or b, or c, or a and b, or a and c, or b and c, or a, b and c, where a, b, c can be single or plural.
[0116] The technical solution of the present application is further described below by way of embodiments. Figure 1 The figure is a flow chart of an embodiment of the date display method in the embodiment of the present application, comprising the following steps:
[0117] 101. Display a first interface, where the first interface includes a date selection component.
[0118] In the embodiment of the present application, the first interface may be any interface displayed by the terminal device including a date selection component.
[0119] As an example, the first interface may be the interface of the target application after the terminal device opens the target application. The target application may be an application that requires date selection, and the first interface may be the first interface presented by the target application, or may be other interfaces displayed according to the user's operation in the first interface. As long as the interface includes a date selection component, it can be considered as the first interface in this application. The display order of the first interface in the application is not limited in the embodiments of this application.
[0120] Of course, the first interface may also be an interface of the terminal device without opening any application. For example, if the home interface of the terminal device includes a date selection component, the first interface may also be the home interface of the terminal device.
[0121] It should be noted that the date selection component in the embodiment of the present application, which may also be referred to as a date selector, is an interface element, and the user selects a date by touching the date selection component. The date selection component may be displayed at any position of the first interface, for example, it may be displayed in the upper left corner area of the first interface, or in the lower right corner area of the first interface. Figure 2 FIG. 1 is a schematic diagram of a first interface including a date selection component in an embodiment of the present application. Figure 2In order not to affect other information displayed on the first interface, the date selection component is located in the lower right corner of the first interface. The position of the date selection component on the first interface can be preset or flexibly determined according to the blank area in the first interface, and is not limited here.
[0122] In the embodiment of the present application, the display form of the date selection component in the first interface can be a date input box, and the date input box can display a preset date. The date input box can be a date input box that only displays one date, for example, Figure 3A As shown, the date input box only displays a preset date; the date input box can also be a date input box that displays a date range, for example, Figure 3B As shown, the date input box displays the start date and end date of a preset date range; or, the date input box displays a general description of a preset date range, such as Figure 3C As shown, the date input box displays the preset week number, the 11th week of 2024. Of course, the date input box may also display other contents, which are not described here one by one.
[0123] The display form of the date selection component on the first interface can also be a preset logo. Figure 2 As shown, the preset logo includes the words "date selection component". Of course, it can also be a logo of other styles, which are not listed here one by one.
[0124] It should be noted that the display form of the date selection component on the first interface can be other than the above two forms, which is not limited in the embodiment of the present application.
[0125] 102. In response to a touch operation on the date selection component, display a second interface.
[0126] After the terminal device displays the first interface, if the user needs to select a date, the date selection component can be touched. Touching the date selection component can be clicking any position in the display area where the date selection component is located, or it can be a preset operation for the date selection component. For example, the preset operation can be a circle operation on the screen. When the terminal device detects the user's circle operation, the second interface can be displayed. In the embodiment of the present application, the touch operation is not limited. Of course, it can also be other operations for the date selection component, which are not exemplified here.
[0127] After the terminal device detects the touch operation on the date selection component, it can display the second interface. It can be understood that the second interface is an interface for performing the date selection operation.
[0128] In the embodiment of the present application, when the second interface is presented, the interface has displayed at least one granularity selection control and multiple dates corresponding to the preset granularity selection control set by default, and the preset granularity selection control is one of the at least one granularity selection control. In other words, the granularity selection control and the multiple dates are displayed together, so that the user can select dates conveniently.
[0129] It should be noted that, since the second interface displays multiple dates corresponding to the preset granularity selection control, it can be understood that the preset granularity selection control is selected, so the preset granularity selection control in the second interface can be in a selected state. Of course, since the preset granularity selection control is not determined according to the user's current operation, the preset granularity selection control may not be in a selected state, and this is not limited here.
[0130] Exemplarily, the granularity selection control may include: a day granularity selection control (also called a day interval selection control), that is, selecting a date at a granularity of one day, such as Figure 4A As shown; the week granularity selection control (also called the week interval selection control) is used to select dates at a granularity of one week, such as Figure 4B As shown; the month granularity selection control (also called the month interval selection control) is used to select dates at a granularity of one month, such as Figure 4C As shown; the year granularity selection control (also called the year interval selection control) is used to select dates at a granularity of one year, such as Figure 4D As shown, the at least one granularity selection control may include at least one of the above-mentioned multiple granularity selection controls. It can be seen that different granularity selection controls correspond to different date interval selection granularities. For example: the date selection granularity corresponding to the day interval selection control is day, the date selection granularity corresponding to the week interval selection control is week, the date selection granularity corresponding to the month interval selection control is month, and the date selection granularity corresponding to the year interval selection control is year. Of course, other granularity selection controls can be set according to actual usage requirements, for example, a control for selecting dates at a granularity of 3 days, a control for selecting dates at a granularity of 10 days, etc.
[0131] Since other granularity selection controls except the day interval selection control are equivalent to stipulating that the selected date interval has a fixed number of days, for example, the date selected by the week interval selection control must be in weeks, that is, there is a fixed number of days in a week; the date selected by the month interval selection control must be in months, that is, there is a fixed number of days in a month, and the date selection granularity of the day interval selection control is one day, which is the minimum granularity of date selection. In other words, the day interval selection control has no fixed number of days for the selected date interval. Therefore, the day interval selection control can also be called a custom granularity selection control, or a custom interval selection control.
[0132] In the second interface, in addition to displaying the granularity selection control, multiple dates are also displayed. The multiple dates are multiple dates corresponding to the preset granularity selection control. The preset granularity selection control can be a daily interval selection control, a weekly interval selection control, a monthly interval selection control, or a yearly interval selection control. The preset granularity selection control can be a preset or default granularity selection control, or it can also be the granularity selection control selected last time, or it can also be a granularity selection control frequently used by the user. In the embodiment of the present application, there is no restriction on which granularity selection control is selected as the reason for selecting the preset granularity selection control.
[0133] It should be noted that, in the embodiment of the present application, the multiple dates corresponding to the granularity selection control may be displayed according to the date tables corresponding to the different granularity selection controls, and the date tables of the different granularity selection controls may be the same or different.
[0134] As an example, the terminal device may pre-store a date table corresponding to each granularity selection control. For example, the date table corresponding to the day interval selection control may be a date table corresponding to a day as a granularity. Taking 2024 as an example, the date table may be from January 1, 2024 to December 31, 2024, with a total of 365 dates. One position in the date table is used to record a date, and the date table occupies 365 positions; the date table corresponding to the week interval selection control may be a date table corresponding to a week as a granularity, with 2024 as an example. Taking the year as an example, the date table can be a date table corresponding to the first week of 2024 to the last week of 2024. One position in the date table is used to record one week, and 48 positions are occupied in the date table; the date table corresponding to the month interval selection control can be a date table corresponding to a month as the granularity. Taking 2024 as an example, the date table can be a date table corresponding to 12 months from January 2024 to December 2024. There are 12 months in total, and one position in the date table is used to record one month, and 12 positions are occupied in the date table. In this way, since different granularity selection controls correspond to different date tables, the forms of multiple dates displayed corresponding to different granularity selection controls (displaying dates by day, by week, or by month) are also different.
[0135] As another example, a date table may be pre-stored in the terminal device. For example, the date table may be a date table corresponding to a day as a granularity. Taking 2024 as an example, the date table may be from January 1, 2024 to December 31, 2024, with a total of 365 dates. The date table corresponds to all granularity selection controls, that is, no matter which of the multiple controls the preset granularity selection control is, the second interface displays the same date table.
[0136] In addition, in the embodiment of the present application, the at least one granularity selection control and the multiple dates can be arranged in a variety of ways in the second interface. For example, the at least one granularity selection control can be displayed in a whole row at the top of the second interface, and the multiple dates are displayed below the at least one granularity selection control, such as Figure 4A-4D As shown in any one of the above. For another example, at least one granularity selection control can be displayed in a whole column on the left side of the second interface, and multiple dates are displayed on the right side of at least one granularity selection control, such as Figure 4E As shown. FIG. 4A to FIG. 4E In the example, the display form of the date selection component is an input box containing the start date and end date of the date range, and at least one granularity selection control includes a custom range, a weekly range, and a monthly range. Of course, those skilled in the art can also adopt other layout methods according to actual use requirements, which is not limited here.
[0137] It should be noted that the embodiments of the present application do not limit the size of the display areas of the first interface and the second interface. For example, the display area of the first interface may be the entire display screen, and the display area of the second interface may be a portion of the display screen, or the display area of the first interface may be a portion of the display screen, and the display area of the second interface may be the entire display screen, or the display area of the first interface and the display area of the second interface may be the entire display screen. When the display area of the second interface is a portion of the display screen, the second interface may be displayed as a pop-up window at the position corresponding to the date selection component in the first interface. For example, the second interface is displayed below the date selection component in the first interface. Figure 5A Alternatively, the second interface is displayed above the date selection component in the first interface, such as Figure 5B In this way, the second interface is displayed above or below the date selection component in the first interface, which can be determined according to the position of the date selection component in the first interface. For example, if the date selection component is above the first interface, the second interface is displayed below the date selection component; if the date selection component is below the first interface, the second interface is displayed above the date selection component.
[0138] In the above technical solution, since the second interface simultaneously displays at least one granularity selection control and multiple dates corresponding to the preset granularity selection control, the user can see the content that needs to be operated on the same interface, which can improve the intuitiveness of the date display and facilitate user operation.
[0139] In order to facilitate understanding of the intuitiveness of the date display in this solution, the following is an illustration with reference to the accompanying drawings.
[0140] Generally speaking, the date selection component can be obtained by packaging various functional modules by those skilled in the art. For example, Fig. 6A As shown, the date selection component may include two areas, the first area displays the granularity selection control, and the second area displays the date input box. When the user needs to select a date, the specific steps are as follows Figure 6B As shown, including:
[0141] S601: Detecting a touch operation on a first area of a date selection control, and displaying a first pop-up window;
[0142] When a user's touch operation on the first area is detected, a first pop-up window is displayed, and the first pop-up window includes multiple granularity selection controls, such as Fig. 6A As shown, it includes a custom granularity selection control, a weekly granularity selection control, and a monthly granularity selection control.
[0143] S602: Detect a control selection operation on any granularity selection control, and control the first pop-up window to disappear.
[0144] When the user selects one of the granularity selection controls, the first pop-up window disappears.
[0145] S603: Detect a touch operation on the second area and display a second pop-up window.
[0146] When the user touches the date input box in the second area, the second pop-up window is displayed, such as Figure 6C After the user selects the week selection control, a second pop-up window including multiple dates is displayed.
[0147] S604: Detect the date selection operation in the second pop-up window and determine the selected date range.
[0148] The user selects a date from the multiple dates displayed in the second pop-up window to determine the selected date range.
[0149] In this solution, since the granular selection control and multiple dates are displayed together after the user touches the date selection component, the date selection component of this solution can include only one area, that is, the date input box, such as Figure 4A As shown in the figure, the display content of the date selection component is more concise. When the user needs to select a date, the specific steps are as follows Figure 7 As shown, including:
[0150] S701: Detecting a touch operation on a date selection control and displaying a second interface.
[0151] The display form of the date selection control can be a date input box. When the user touches the date input box, the following is displayed: Figure 4A The second interface shown in .
[0152] S702: Detect a control selection operation for at least one granular selection control in the second interface.
[0153] The terminal device determines the selected granularity selection control according to the control selection operation of the user on the granularity selection control.
[0154] S703: Detecting a date selection operation for multiple dates in the second interface, and determining a selected date range.
[0155] The terminal device determines the date range selected by the user according to the date selection operation of the user among the corresponding multiple dates.
[0156] Depend on Figure 6B and Figure 7 As can be seen from the flowchart shown, in this solution, in addition to a more intuitive date display, the user operation steps are also simpler, which can increase the convenience of operation and improve interaction efficiency.
[0157] In addition, if Fig. 6AWhen the user wants to switch the granularity selection control, the following steps need to be repeated: Figure 6B That is, when the user needs to switch, the above steps need to be repeated. Figure 6B In this solution, since the second interface displays both the granularity selection control and multiple dates at the same time, when the user wants to switch the granularity selection control, he only needs to repeat the steps. Figure 7 Step S702 and step S703 in the example above can be repeated to select a date again. The more times the selection is repeated, the more convenient the operation of this solution is.
[0158] The above embodiment describes in detail the process of how to display an interface including a granularity selection control and multiple dates. In the embodiment of the present application, in addition to displaying an interface including a granularity selection control and multiple dates, more content can also be displayed. The following will describe other content that can be displayed by this solution through embodiments.
[0159] like Figure 8 FIG. 1 is a flow chart of another embodiment of the date display method in the embodiment of the present application, comprising the following steps:
[0160] S801. Display a first interface, where the first interface includes a date selection component.
[0161] S802: In response to a touch operation on the date selection component, display a second interface.
[0162] It should be noted that step S801-step S802 and Figure 1 Steps S101 and S102 in the illustrated embodiment are similar and will not be described in detail herein.
[0163] S803: In response to a control selection operation on a target granularity selection control, when the target granularity selection control is different from the preset granularity selection control, display a third interface.
[0164] In the embodiment of the present application, the third interface includes the target granularity selection control in a selected state and a plurality of dates corresponding to the target granularity selection control.
[0165] For example, taking the terminal device as a mobile phone, if the preset granularity selection control in the second interface is not what the user wants to select, the user can select other granularity selection controls in the second interface. For example, after the preset granularity selection control is a week interval selection control, the mobile phone detects that a control selection operation is performed on a day interval selection control, and in response to the control selection operation on the day interval selection control, displays a third interface including the day interval selection control in a selected state and multiple dates corresponding to the day interval selection control, such as Fig. 9As shown, in Fig. 9 In the figure, the custom interval control is used to represent the daily interval selection control. Of course, the target granularity selection control can also be other granularity selection controls, for example, it can be a monthly interval selection control or a yearly interval selection control, which will not be given one by one here.
[0166] In the embodiment of the present application, the display parameters of the target granularity selection control in the selected state are different from the display parameters of other granularity selection controls that are not in the selected state, and the display parameters include at least one of font, size, and color. By different display parameters, the target granularity selection control in the selected state can be highlighted, so that the user can intuitively obtain which granularity selection control is selected and which granularity selection controls are not selected, thereby improving the accuracy of the user's selection of the target granularity selection control.
[0167] In addition, the display area of the second interface and the third interface on the display screen can be the same, that is, the display position and size of the second interface and the third interface on the display screen are the same, but according to the user's operation, the granularity selection controls in the selected state are different and the corresponding multiple dates may be different. The display area of the second interface and the third interface on the display screen can also be different, that is, when it is detected that the user selects other granularity selection controls on the second interface, the mobile phone can display the third interface at another position on the display screen that is different from the display position where the second interface is located, occupying an area on the display screen that is the same size as the second interface; or, the mobile phone can display the third interface at another position on the display screen that is different from the display position where the second interface is located, occupying an area on the display screen that is different in size from the second interface. No limitation is made here.
[0168] In addition, if the preset granularity selection control in the second interface is what the user wants to select, the user does not need to perform the control selection operation in the second interface, but can directly select the date from the multiple dates displayed in the second interface. In this way, the user operation can be further simplified and the interaction efficiency can be improved.
[0169] Therefore, step S803 is an optional step, that is, it is not necessary to execute. Figure 8 Indicated by dotted line.
[0170] S804: In response to a date selection operation on the second interface, display the selected date on the second interface.
[0171] It should be noted that, if the mobile phone executes step S803, step S804 may be replaced by: in response to a date selection operation on the third interface, displaying the selected date on the third interface.
[0172] It is understandable that by displaying multiple dates through the second interface or the third interface, the user can select a date on the second interface or the third interface. Then, in order to facilitate the user to view the selected date, the second interface or the third interface may also include a display control, through which the date range selected by the user is displayed. To reduce the redundancy of the description, the second interface is taken as an example for description in this embodiment.
[0173] There are many ways for the display control to display the date interval selected by the user. As an example, the display control can display a time period. For example, if the date selected by the user is from January 1, 2024 to January 31, 2024, the display control can display January 2024; or, if the date selected by the user is from January 1, 2024 to January 7, 2024, the display control can display the first week of 2024. As another example, the display control can determine the way to display the date interval selected by the user according to the granularity selection control selected by the user. For example, if the granularity selection control selected by the user is a week interval selection control, the display control is displayed in units of one week, such as the aforementioned first week of 2024; if the granularity selection control selected by the user is a year interval selection control, the display control is displayed in units of one year, such as 2023 or 2024.
[0174] As another example, the display control displays the date selected by the user by displaying the start date of the date interval and the end date of the date interval. In this case, the display control may include a start date display area and an end date display area, and when a date selection operation of the user on the second interface is detected, in response to the date selection operation on the second interface, the earliest date of the selected dates is displayed in the start date display area, and the latest date of the selected dates is displayed in the end date display area.
[0175] It should be noted that the start date display area and the end date display area may correspond to different display controls, respectively, or may correspond to the same display control. Before the user selects a date, the user may first touch the display control so that the mobile phone can display the date in the corresponding display area according to the user's date selection operation in the second interface. If the start date display area and the end date display area correspond to the same display control, the user only needs to touch the display control once to display the corresponding date in the start date display area and the end date display area according to the date interval selected by the user; if the start date display area and the end date display area correspond to different display controls, before the user selects a date in the second interface, the display control corresponding to the start date display area is first touched, so that the mobile phone determines the start date according to the user's date selection operation, and displays the start date in the start date display area, and then the user touches the display control corresponding to the end date display area again, and the user selects the date again, so that the mobile phone determines the end date according to the user's date selection operation, and displays the end date in the end date display area. Those skilled in the art can make settings according to actual use requirements, and are not limited here.
[0176] In an embodiment of the present application, the display form of the start date display area and the end date display area can be an input box. If the start date display area and the end date display area correspond to different display controls, the display form of the start date display area and the end date display area can be different input boxes; if the start date display area and the end date display area correspond to the same display control, the display form of the start date display area and the end date display area can be the same input box.
[0177] In addition, by Figure 1 As can be seen from the introduction of the date selection component in the illustrated embodiment, the display form of the date selection component can be a preset mark. If the display form of the display control is a date input box, the second interface can simultaneously display the preset mark corresponding to the date selection component and the date input box corresponding to the display control, such as Fig. 10A As shown. Fig. 10A In the figure, the date input box corresponding to the display control is located below the preset mark corresponding to the date selection component. Of course, the date input box and the preset mark can also have other relative position relationships. For example, the date input box can be located behind the preset mark, etc., which are not explained one by one here.
[0178] The display form of the date selection component can also be a date input box. Therefore, if the display form of the display control is also a date input box, the two date input boxes can be the same date input box. That is, only one date input box is displayed in the second interface. Fig. 10BThen, the user's touch operation on the date input box can be understood as a touch operation on the date selection component and a touch operation on the display control. In this way, when the mobile phone displays the second interface, the user no longer needs to perform a touch operation on the display control, but directly performs a date selection operation. The mobile phone displays the corresponding date in the start date display area and the end date display area according to the date range selected by the user, thereby improving the convenience of operation.
[0179] In the embodiment of the present application, when the date selected by the user is displayed in the start date display area and the end date display area, there are also multiple ways to display the date in the start date display area and the end date display area.
[0180] As an example, the way in which the dates are displayed in the start date display area and the end date display area is associated with the granularity selection control selected by the user. For example, if the granularity selection control selected by the user is a week interval selection control, the dates displayed in the start date display area and the end date display area may be expressed in weeks, such as the start date display area may display the first week of 2024, and the end date display area may display the third week of 2024; if the granularity selection control selected by the user is a month interval selection control, the dates displayed in the start date display area and the end date display area may be expressed in months, such as the start date display area may display January 2024, and the end date display area may display March 2024.
[0181] As another example, the way the dates are displayed in the start date display area and the end date display area is not associated with the granularity selection control selected by the user, that is, no matter what granularity selection control the user selects, the start date display area and the end date display area display the date in a fixed manner. For example, the start date display area and the end date display area both display the date in the minimum granularity of the date, that is, both display the date in days, that is, display it in the form of year, month and day. For example, if the granularity selection control selected by the user is a week interval selection control, and the date selected by the user is from the first week of 2024 to the third week of 2024, since the first day of the first week of 2024 is January 1, 2024, and the last day of the third week of 2024 is January 21, 2024, therefore, the start date display area displays January 1, 2024, and the end date display area displays January 21, 2024. In this way, it can be a method of avoiding difficult-to-read date representations, such as a week calendar representation, so that information is conveyed more clearly and it is convenient for users to perform date selection operations.
[0182] The display control in the embodiment of the present application displays a start date and an end date. In order to facilitate the user to intuitively obtain the total number of the selected date range, the display control may also include a statistical data display area. The statistical data may include at least one of the total number of days, total working days, total non-working days, total weeks, total months and total years.
[0183] In this case, if the mobile phone detects the user's date selection operation in the aforementioned second interface or third interface, the mobile phone will respond to the date selection operation. In addition to displaying the corresponding dates in the start date display area and the end date display area, it will also display the statistical data corresponding to the selected date range in the statistical data display area.
[0184] As an example, the statistical data display area is a total days display area, and the total days of the selected date interval are displayed in the statistical data display area. For example: after the user selects the day interval selection control, if 2023-11-07 to 2023-11-16 is selected, then the total days of 10 days (days) can be displayed in the statistical data display area. Fig.11A As shown, it is a schematic diagram of displaying the selected date and the total number of days in the date display area in response to the date selection operation of the second interface corresponding to the day interval selection control in an embodiment of the present application.
[0185] As another example, if the statistical data display area is a total working day display area, the total working days of the selected date interval will be displayed in the statistical data display area. For example, after the user selects the week interval selection control and performs a date selection operation, if the first week of 2024 to the third week of 2024 are selected, then the total working days of 15 days can be displayed in the statistical data display area. Fig. 11B As shown, it is a schematic diagram of displaying the selected date and total working days in the date display area in response to the date selection operation of the second interface corresponding to the week interval selection control in an embodiment of the present application.
[0186] Of course, when the statistical data display area can also be other statistical data display areas among the aforementioned multiple statistical data, the manner in which the mobile phone displays the corresponding statistical data in the statistical data display area is similar to the aforementioned two examples, and examples are not given one by one here.
[0187] It should be noted that the start date display area, the end date display area, and the statistical data display area can be located in the same display frame in the display control. In an embodiment of the present application, in order to avoid the statistical data from confusing other information, the statistical data can be displayed in the same display frame with the start date and end date of the date selection, so that the user can obtain it intuitively. The statistical data is the statistical data obtained based on the start date and the end date, which can avoid interfering with other information and causing the user to obtain wrong information, so the reliability of the user obtaining data can be improved. In addition, the user can also check the selected date with the statistical data, which improves the reliability of the user obtaining data.
[0188] Compared with related technologies such as Fig.12 The display mode shown in Fig.12 In the example, the date interval selected by the user and the total number of days are displayed separately, and the total number of days is displayed in a display box after the date interval selected by the user, which is easy to confuse the relevance with other subsequent information, causing the inspection process to be easily overlooked. In the present application, the date interval selected by the user and the statistical data are displayed in a display box, which can improve the intuitiveness and accuracy of information transmission.
[0189] In addition, from the above description of the start date display area and the end date display area, it can be seen that the start date display area and the end date display area both display dates with the smallest granularity of the date. So when the display control also includes a statistical data display area, for example, the statistical data display area displays the total number of days, the mobile phone can directly calculate the date difference based on the content in the start date display area and the end date display area to obtain the total number of days, without the need to convert the dates in the start date display area and the end date display area before calculating the date difference and then obtaining the total number of days, which can improve processing efficiency.
[0190] It is understandable that, from the above description of the date selection component and the display control, if the display form of the date selection component and the display form of the display control are both date input boxes, then the two date input boxes can be the same date input box. In this case, if the display control also includes a statistical data display area, then the same date input box can be a date input box including the statistical data display area, that is, the date input box displayed in the second interface is an input box including a start date display area, an end date display area, and a statistical data display area. Then, the user's touch operation on the date selection component can include a touch operation on any area of the start date display area, the end date display area, and the statistical data display area.
[0191] In an embodiment of the present application, the selected date can be highlighted to facilitate the user to distinguish the selected date from the unselected date, thereby improving the accuracy of the user's date selection. As an example, in the second interface or the third interface, the display parameters of the selected date are different from the display parameters of the unselected date, and the display parameters include at least one of font, size and color.
[0192] As can be seen from the above content, if the user wants to select a date, he can select from multiple dates to determine the selected date. In order to facilitate user operation, in an embodiment of the present application, a control that can quickly determine the selected date is also provided. For example, the at least one date selection control also includes a recently selected granularity selection control, and the recently selected granularity selection control is used to use the historically selected date range as the currently selected date range.
[0193] As an example, if the preset granularity selection control in the second interface is the most recently selected granularity selection control, or if the target granularity selection control in the third interface is the most recently selected granularity selection control, the multiple dates include at least part of the historical date range of historical selections.
[0194] In this way, after the user selects the recently selected granular selection control, at least part of the historical date intervals selected in the past can be displayed. All the date intervals selected in the past can be viewed, and the most recent part of the date intervals selected in the past (for example, the date intervals of the most recent preset number of times) can also be viewed to improve decision-making efficiency. In addition, when repeatedly selecting a date interval, the most recent selection is provided and the most recent selected date interval is recorded to improve interaction efficiency.
[0195] In addition, since the multiple dates corresponding to the most recently selected granularity selection control are multiple dates that have been selected historically, in order to facilitate the user to know when each historically selected date interval was selected, the second interface also includes a selection time area, and the selection time area displays the selection time corresponding to the at least part of the historical date interval, and the selection time can indicate the time when the user selected at least part of the historical date interval. It can be understood that, in the case where the granularity selection control selected in the second interface is the most recently selected granularity selection control, the second interface also includes the selection time area; in the case where the selected granularity selection control is not the most recently selected granularity selection control, the second interface may not include the selection time area. The third interface is similar to the second interface. If the most recently selected granularity selection control is selected in the third interface, the third interface also includes the selection time area; in the case where the selected granularity selection control in the third interface is not the most recently selected granularity selection control, the third interface may not include the selection time area.
[0196] Exemplarily, the selected time corresponding to at least some of the historical date intervals may be a specific year, month, and day, or a date difference from the current date. It is understandable that the number of at least some of the historical date intervals may be multiple, and due to the display area limitation of the second interface or the third interface, all historical date intervals may not be displayed in the second interface or the third interface, but only a part of them can be displayed. The specific number of historical date intervals to be displayed can be set according to actual usage requirements. For example, only a preset number of historical date intervals can be displayed, and the preset number is not limited.
[0197] For example, Fig.13A , which is a schematic diagram showing a recently selected granularity selection control in a selected state and multiple dates corresponding to the recently selected granularity selection control in an embodiment of the present application. Fig.13A In the figure, the preset number is 5, then the 5 most recent historical date intervals and the selected time corresponding to each historical date interval can be displayed. Fig.13A As shown, the last five historical date ranges include: 01-18 to 02-02 just selected, 01-02 to 01-12 selected 15 minutes ago, 2023-12-18 to 01-12 selected yesterday, 2023-11-18 to 2023-12-02 selected on January 23, and 2023-11-18 to 2023-12-02 selected on December 23, 2023.
[0198] Of course, in order to make the statistical data of each historical date interval clearer, such as the total number of days, the corresponding statistical data can also be displayed when displaying the historical date interval, such as Fig. 13B As shown. Fig. 13B In the figure, the total number of days in each historical date interval is displayed in brackets after each historical date interval, for example, 01-18 to 02-02 (a total of 14 days), 01-02 to 01-12 (a total of 10 days), etc. Of course, other statistical data can also be displayed, such as the total working days and total non-working days corresponding to each historical date interval, etc., which are not listed here one by one.
[0199] In addition, at least part of the historical date intervals may be determined based on the date differences between each historical date interval and the current date in descending order or in descending order, or may be determined based on the length of dates corresponding to each historical date interval, or may be determined based on other factors, which are not limited here.
[0200] In the embodiment of the present application, when the at least part of the historical date interval includes at least two historical date intervals, the at least two historical date intervals are displayed in a sequence according to a preset condition, where the preset condition is associated with a date difference between a target date corresponding to each historical date interval and a current date, and the preset condition includes one of the following conditions:
[0201] The date difference between the target date and the current date corresponding to each historical date interval is from large to small; or, the date difference between the target date and the current date corresponding to each historical date interval is from small to large. The target time is the start date, end date or the selected time of the selected historical date interval.
[0202] Exemplarily, the preset condition may be:
[0203] The difference between the start date and the current date of each historical date interval is displayed in descending order, or, the difference between the start date and the current date of each historical date interval is displayed in ascending order; or,
[0204] The difference between the end date and the current date of each historical date interval is displayed in descending order, or, the difference between the end date and the current date of each historical date interval is displayed in ascending order; or,
[0205] The difference between the selected time corresponding to each historical date interval and the current date is displayed in descending order, or the difference between the selected time corresponding to each historical date interval and the current date is displayed in ascending order.
[0206] Through the above scheme, multiple implementation methods of the display order of multiple dates corresponding to the most recently selected granular selection control are provided, which are not displayed in disorder, making it convenient for users to view historical date ranges, thereby improving the feasibility of the scheme.
[0207] Since the amount of data generated every day in the data platform is very large, if the date interval selected by the user is farther from the current date and the span of the date interval is too large, it may cause a long data processing time, causing the user to wait for a while before seeing the data they want to view. Therefore, in the embodiment of the present application, restrictions can be set for the date interval selected by the user. For example, the date difference between the date interval selected by the user and the current date can be limited, the difference between the start date and the end date in the date interval selected by the user can be limited, etc., and this restriction is not limited here.
[0208] In this case, the second interface further includes a restriction condition display area, and the restriction condition display area is used to display the restriction condition of date selection.
[0209] Exemplarily, the restriction condition for date selection can be set by the user or by the system default. In the embodiment of the present application, the user can learn the restriction condition for date selection, avoid the restriction condition for date selection not being displayed, resulting in the user being unable to select a date interval, and improve the accuracy of the user's date interval selection.
[0210] Since the restriction condition is a condition set for selecting a date, as an example, the restriction condition includes information related to the date and other information except the information related to the date. If the restriction condition includes information related to the date and other information, the display parameters of the date-related information in the restriction condition display area are different from the display parameters of the other information, and the display parameters include at least one of font, size and color.
[0211] Exemplarily, the restriction condition for date selection includes information related to the date (which can be considered as keywords) and other information except the information related to the date. For example: the restriction condition for date selection is "dates in the past year can be selected, and the span of consecutive dates does not exceed 90 days". Among them, the information related to the date can be "the past year" and "90 days". Then, the display parameters of "the past year" and "90 days" are different from those of "optional" and "dates, the span of consecutive dates does not exceed". Here, "the past year" and "90 days" can be bolded and highlighted. Fig.14 , which is a schematic diagram showing restriction conditions for date selection in an embodiment of the present application.
[0212] Compared with related technologies such as Fig.15 The constraints shown are detailed in the table below. Fig.15 In the example, the date 2024-12-06 in the upper left corner is the end date of the selected date range. Therefore, in the date selection process in the lower right corner, dates after 2024-12-06 cannot be selected. However, the current interface does not directly indicate that the date is a restriction on the end date, so the user may mistakenly select a date after 2024-12-06. In addition, since the restriction is located in the upper left corner of the interface, when selecting a date, the date selection area is far away from the restriction, such as Fig.15 The dates in the calendar are not fully displayed. Therefore, when users select a date, they need to slide the current interface, which makes the restrictions invisible, increasing the possibility of users making incorrect selections.
[0213] In this solution, because the display parameters of information related to the date are different from those of other information except for information related to the date, it is convenient for users to immediately notice the information related to the date in the date selection restriction conditions, and then notice the date selection restriction conditions, so as to avoid users being unable to select date intervals due to not noticing the date selection restriction conditions, or to view historical date intervals to improve the accuracy of user selection of date intervals. Furthermore, during the development and debugging process, it is allowed to configure the date selection restriction conditions, and highlight the information related to the date, so that the rules are clear and traceable during the development and debugging of the application, and the accuracy is improved.
[0214] In an embodiment of the present application, in addition to being directly displayed on the interface, the restriction condition also affects the display mode of other dates. If the preset granularity selection control in the second interface or the target granularity selection control in the third interface is the most recently selected granularity selection control, the multiple dates displayed in the second interface or the third interface are at least part of the historical date interval, and the restriction condition can affect the display mode of the historical date interval. As an example, the display mode of at least part of the historical date interval includes an available display mode and an unavailable display mode. The available display mode is used to indicate that at least part of the historical date interval can be used as a date interval selected by the user, and the unavailable display mode is used to indicate that at least part of the historical date interval cannot be used as a date interval selected by the user. When at least part of the historical date interval does not meet the restriction condition, the display mode of at least part of the historical date interval is the unavailable display mode. When at least part of the historical date interval meets the restriction condition, the display mode of at least part of the historical date interval is the available display mode.
[0215] To facilitate the distinction between the two different display modes, as an example, in the embodiment of the present application, the display parameters of the available display mode and the unavailable display mode are different. The display parameters may include parameters such as font, color, size, etc., which are not listed one by one here.
[0216] Exemplarily, the colors of the available display mode and the unavailable display mode are different. For example, the available display mode may be black, while the unavailable display mode may be gray. Fig.16 ,exist Fig.16 The most recent five historical date intervals are displayed. For example, the content of each historical date interval includes the start date, end date, total number of days, and historical selection time of the historical date interval. Fig.16 As shown, the first three historical date intervals are displayed in black, and the last two historical date intervals are displayed in gray.
[0217] Because "01-18~02-02 (total 14 days) just now", "01-02~01-12 (total 10 days) 15 minutes ago", and "2023-12-18~01-12 (total 24 days) yesterday" meet the date selection restriction conditions, the display mode is an available display mode; however, "2023-11-18~2023-12-02 (total 14 days) 1-23" and "2023-11-18~2023-12-02 (total 14 days) 2023-12-23" do not meet the date selection restriction conditions, so the display mode is an unavailable display mode.
[0218] As another example, in the embodiment of the present application, both the unavailable display mode and the available display mode need to display prompt information, but the content of the prompt information corresponding to the two different display modes is different. The content of the prompt information corresponding to the unavailable display mode is unavailable, and the content of the prompt information corresponding to the available display mode is available. Specifically, the method in the embodiment of the present application includes:
[0219] In response to an operation on a historical date interval that does not satisfy the restriction condition, unavailable prompt information is displayed; or, in response to an operation on a historical date interval that satisfies the restriction condition, available prompt information is displayed.
[0220] For example, the operation on the historical date interval that does not meet the restriction condition and the operation on the historical date interval that meets the restriction condition can be the same operation. As an example, the coordinates corresponding to the operation are located in the display area of the historical date interval. For example, the user controls the cursor to select, and the operation can be a hover operation of moving the cursor to the display position corresponding to the historical date interval, or it can also be a selection operation such as single-clicking or double-clicking the historical date interval, which is not limited here. Taking the user selecting the historical date interval by controlling the cursor as an example, if it is detected that the user moves the cursor to one of the historical date intervals, if the historical date interval meets the restriction condition, an available prompt message is displayed; if the historical date interval does not meet the restriction condition, an unavailable prompt message is displayed.
[0221] As another example, the above two methods can be used in combination, that is, using prompt information and different display parameters to display the corresponding historical date range. Specifically, the method in the embodiment of the present application also includes:
[0222] In response to a first preset operation on a target historical date interval using the unavailable display method, a first prompt message is displayed, wherein the first prompt message is used to prompt that the target historical date interval does not meet the restriction condition, and the coordinates corresponding to the first preset operation are located within the display area of the target historical interval.
[0223] Exemplarily, the first preset operation here may be the aforementioned hovering operation or selection operation.
[0224] In the above solution, by displaying the prompt information, the user can be informed of the reason why the historical date range using the unavailable display method cannot be viewed.
[0225] It should be noted that, when a hover operation or selection operation is detected for a historical date interval using the available display mode, another prompt message may be displayed to prompt that the historical date interval meets the restriction condition, for example, outputting the content "available". Of course, in order to simplify the prompt message, the above prompt may also be performed only for the historical date interval that does not meet the restriction condition, which is not limited here.
[0226] like Fig.17 As shown in FIG. 1 , a schematic diagram of using prompt information and different display parameters to display corresponding historical date intervals in an embodiment of the present application. Fig.17 As shown, the historical date intervals displayed in black are the historical date intervals that meet the restriction conditions, including "01-18~02-02 (total 14 days) just now", "01-02~01-12 (total 10 days) 15 minutes ago", and "2023-12-18~01-12 (total 24 days) yesterday". The historical date intervals displayed in gray are the historical date intervals that do not meet the restriction conditions, including "2023-11-18~2023-12-02 (total 14 days) 1-23" and "2023-11-18~2023-12-02 (total 14 days) 2023-12-23". When the user hovers over one of the historical date intervals displayed in gray, such as "2023-11-18~2023-12-02 (total 14 days) 1-23", the "Unavailable" prompt message is displayed.
[0227] In this way, it can be avoided that the displayed historical date range does not meet the date selection restriction conditions, and the user wants to view but cannot view it, and does not know why it cannot be viewed, thereby improving the efficiency of users viewing historical date ranges.
[0228] In the above technical solution, by adding a recently selected granularity selection control, the historical date range selected by the user can be provided to the user for selection, which can improve the interaction efficiency; and by making the restriction conditions explicit, adding unavailable display methods and unavailable prompt information, the amount of information available to the user can be increased, thereby improving the accuracy of the user's date selection.
[0229] The above embodiment is an explanation of the scheme for users to select absolute dates. In the embodiment of the present application, users can also be allowed to select relative dates, for example, selecting a date interval of the past 3 days or the past 10 days. In the following embodiment, the scheme for users to select relative dates will be explained.
[0230] like Fig.18 As shown, it is another embodiment flow chart of the date display method in the embodiment of the present application, which may include the following steps:
[0231] S1801. Display a first interface, where the first interface includes a date selection component.
[0232] S1802: In response to a touch operation on the date selection component, display a second interface.
[0233] It should be noted that steps S1801-S1802 can be Figure 1 Steps S101-S102 in the illustrated embodiment are similar and will not be described in detail here.
[0234] It should be noted that step S1802 of the present application differs from the aforementioned step S102 in that the second interface also includes at least one relative date selection control, and each relative date selection control is used to select a time period whose end date is the date of the latest updated data. The time period corresponding to each relative date selection control is preset or user-configured, for example, the past 3 days, or the past 30 days, etc. Exemplarily, the time period corresponding to each relative date selection control can be preset or customized by the user according to his or her needs, and this application does not make specific limitations.
[0235] Generally speaking, the date is updated every day, but in some cases, it can also be updated once a week, once a month, etc. If it is updated every day, then the latest updated data date here is the day before the current date. If it is updated once a week, then the latest updated data date here is based on the time of the last update, which is not limited in this application. For the convenience of explanation, the following takes the latest updated data date being updated every day as an example.
[0236] In the embodiment of the present application, the date selection interface corresponding to different granularity selection controls includes the same or different relative date selection controls. As an example, the relative date selection controls displayed in the date selection interface corresponding to different granularity selection controls are different. The relative date selection control can be adaptively changed with the different granularity selection controls, and is more intelligent, which can meet the needs of users and improve the accuracy of users' date selection.
[0237] The following are the descriptions of the relative date selection controls displayed in the date selection interface corresponding to the different granularity selection controls, as shown below:
[0238] (1)Daily interval selection control
[0239] In the case of a day interval selection control, the at least one relative date selection control includes controls with different number of days in the date interval, that is, the total number of days in the date interval corresponding to each relative date selection control is different. For example, it can include the last 3 days, the last 7 days, the last 30 days, etc. The controls with different number of days can be displayed in order from the smallest to the largest total number of days, or can be displayed in order from the largest to the smallest total number of days, which is not limited here.
[0240] For example, Fig.19A As shown, it is a schematic diagram of an example of a relative date selection control included in the date selection interface corresponding to the day interval selection control in the embodiment of the present application. As shown in the figure, in the case of the day interval selection control, the at least one relative date selection control includes the latest, the last 7 days, the last 14 days, the last 30 days, the last 60 days, and the last 90 days. The specific details can be determined according to the actual situation. This is only an example description without specific limitation. Among them, the latest can be understood as any date interval of the last 3 days or the last 5 days or less than 7 days.
[0241] (2) Weekly interval selection control
[0242] Under the week interval selection control, the at least one relative date selection control includes but is not limited to the following two situations:
[0243] Case 1: In the case of a week interval selection control, the relative date selection control includes controls with different week intervals, that is, the total number of weeks in the date interval corresponding to each relative date selection control is different. For example, it can be the last 2 weeks, the last 5 weeks, etc. The controls with different week numbers can be displayed in order from the smallest to the largest total number of weeks, or can be displayed in order from the largest to the smallest total number of weeks, which is not limited here.
[0244] For example, Fig.19B As shown, it is a schematic diagram of an example of a relative date selection control included in the date selection interface corresponding to the week interval selection control in the embodiment of the present application. As shown in the figure, in the case of the week interval selection control, the at least one relative date selection control includes the last 2 weeks, the last 5 weeks, the last 10 weeks, the last 20 weeks, and the last 40 weeks. The specific date selection can be determined according to the actual situation. This is only an example description and is not specifically limited.
[0245] It should be noted that under the week interval selection control, at least one relative date selection control can also set the total number of weeks in the date interval to be the same but correspond to different absolute time interval controls. For example, the current week and last week both correspond to a week of time, but belong to different absolute times. These two controls can also appear simultaneously in the date selection interface corresponding to the month interval selection control.
[0246] Alternatively, at least one relative date selection control may also include a time period whose end date is not the latest updated data date, for example, last week, whose end date is not the latest updated data date. In addition, the total number of days in the date interval may not be set in units of one week, for example, in the current week, when the current date is not Sunday of this week, the total number of days corresponding to the current week is less than one week. These two controls may also appear simultaneously in the date selection interface corresponding to the week interval selection control.
[0247] Case 2: In the case of a week interval selection control, the at least one relative date selection control includes controls for date intervals of different days, that is, the total number of days in the date interval corresponding to each relative date selection control is different. For example, it may include the last 3 days, the last 7 days, the last 30 days, etc. This case is similar to the at least one relative date selection control under the day interval selection control, and will not be described in detail here.
[0248] (3) Monthly interval selection control
[0249] In the case of a month interval selection control, the relative date selection control includes controls with different number of months in the date interval, that is, the total number of months in the date interval corresponding to each relative date selection control is different. For example, it can include the current month, the last month, the last two months, etc. The controls with different number of months can be displayed in order from the smallest to the largest total number of months, or can be displayed in order from the largest to the smallest total number of months, which is not limited here.
[0250] For example, Fig.19C As shown, it is an example schematic diagram of a relative date selection control included in the date selection interface corresponding to the month interval selection control in the embodiment of the present application. As shown in the figure, in the case of the month interval selection control, the at least one relative date selection control includes the recent 2 months, the recent 6 months, the recent 12 months, the recent 24 months, and the recent 36 months. The specific ones can be determined according to the actual situation. This is only an example description and is not specifically limited.
[0251] It should be noted that under the month interval selection control, at least one relative date selection control may also include a time period whose end date is not the latest updated data date, for example, last month, whose end date is not the latest updated data date. In addition, the total number of days in the date interval may not be set in units of one month, for example, the current month may not end, so the total number of days corresponding to the current month is less than one month. These two controls may also appear simultaneously in the date selection interface corresponding to the month interval selection control.
[0252] (4) Year interval selection control
[0253] In the case of a year interval selection control, the relative date selection control includes controls with date intervals of different years, that is, the total number of years of the date interval corresponding to each relative date selection control is different. For example, it may include the past 1 year, the past 2 years, etc.
[0254] like Fig.19D As shown, it is a schematic diagram of a relative date selection control included in the date selection interface corresponding to the year interval selection control in the embodiment of the present application. As shown in the figure, at least one relative date selection control includes the past 2 years, the past 3 years, the past 5 years, the past 10 years, and the past 20 years.
[0255] Among them, the setting method of the relative date selection control included in the date selection interface corresponding to the year interval selection control is similar to the above three granularity selection controls, which will not be repeated here.
[0256] In addition, it should be noted that the relative date selection control can be displayed on the second interface or on the third interface, and is not limited here.
[0257] In the embodiment of the present application, at least one relative date selection control is used to provide the user with common options, so that the auxiliary information in the decision-making process is more sufficient, the richness of information is improved, and thus the decision-making efficiency is improved.
[0258] In an embodiment of the present application, a preset mark can be added to at least one of the holidays and key events (such as anniversaries). The user can check what specific holiday and / or event a certain date belongs to based on the preset mark, so that the user can obtain the corresponding holiday information and / or event information and make some arrangements in work and life.
[0259] In this case, the second interface further includes a preset mark, and the mark type of the preset mark includes a festival type for indicating festival information and / or an event type for indicating event information.
[0260] Exemplarily, holiday information may be statutory holidays, etc. Event information may be shopping festivals, anniversaries, etc.
[0261] Anniversaries can be special commemorative dates for each user and can be set by the user.
[0262] For example, Fig. 20A As shown, dots are used to indicate holiday types, such as January 1 is the holiday type of New Year's Day. Of course, if the multiple dates also include other types of dates, for example, statutory holidays, such as the Spring Festival, etc., the date can also be marked by this mark.
[0263] For example, Fig. 20B As shown, a triangle is used to indicate the event type, such as November 10 is a wedding anniversary.
[0264] Optionally, the preset mark is preset or user-configured.
[0265] Optionally, the second interface further includes a tag description area, and the tag description area is used to indicate the correspondence between the at least one preset tag and the type. Specifically, one preset tag may correspond to all types, or one preset tag may correspond to one type. Fig. 20C In the figure, the marking description area is located between the restriction condition and the relative date granularity selection control. Of course, the marking description area can also be located in other positions of the second interface, such as on the right side of the second interface, or in the area below the relative date granularity selection control, etc., which will not be described here one by one. Fig. 20C In the example, the tags corresponding to festival types and event types are different.
[0266] For example, each preset mark can be preset or customized by the user according to his / her needs, which is not specifically limited in this application. In the embodiment of this application, at least one preset mark is used to provide the user with prompt information of common festivals or events, so that the auxiliary information in the decision-making process is more sufficient, the richness of information is improved, and thus the decision-making efficiency is improved.
[0267] S1803: In response to a relative date selection operation on a target relative date selection control, display the start date of a time period corresponding to the target relative date selection control in the start date display area, and display the latest updated data date in the end date display area.
[0268] In the embodiment of the present application, the target relative date selection control is one of at least one relative date selection control. Since the aforementioned relative date selection control can use the latest updated data date as the end date, the end date display area displays the latest updated data date. However, if the end date corresponding to the relative date selection control is not the latest updated data date, the end date will display the end date corresponding to the control. For example, the aforementioned "Last Week" relative date selection control has an end date of the Sunday of the previous week. Therefore, if the "Last Week" relative date selection control is selected, its end date should not be the latest updated data date.
[0269] For the convenience of explanation, in the embodiment of the present application, the end date of the relative date selection control is taken as the latest updated data date as an example for explanation.
[0270] In an embodiment of the present application, the user performs a relative date selection operation on the target relative date selection control according to his or her needs. In response to the relative date selection operation on the target relative date selection control, the start date of the time period corresponding to the target relative date selection control is displayed in the start date display area, and the latest updated data date is displayed in the end date display area; the user can respond to the user's relative date selection operation on the target relative date selection control by converting it into a date interval and displaying it in the corresponding display area in the display control, thereby improving the convenience of user operation.
[0271] In addition, when the user selects a relative date selection control, an interface can be displayed in which multiple dates corresponding to the selected date range are in a selected state. This is directly displayed in the date display area, and the information conveyed to the user is very clear, thereby improving the accuracy of the user's selection of the date range.
[0272] As an example, Fig.21 As shown, when the user selects a relative date selection control for the past week, the date range selected by the user is converted, and the corresponding dates are displayed in the start date display area, end date display area and statistical data display area of the display control, as well as multiple dates in the selected state.
[0273] Compared to Fig. 22 An example of relative time selection in the related art shown is given by Fig. 22 It can be seen that after selecting the relative time control in the control area, the corresponding date range displays the selected time range 2023-12-16 to 2024-01-14 in text, and the information conveyed to the user is not intuitive enough.
[0274] S1804: In response to a second preset operation on a date carrying a preset mark, display a second prompt message.
[0275] In an embodiment of the present application, the second prompt information is used to prompt the holiday information and / or event information corresponding to the date carrying the preset mark.
[0276] Exemplarily, the second preset operation may be a selection operation or a hovering operation. The user may select or hover over a date carrying a preset mark, and in response to the selection operation or the hovering operation on the date carrying the preset mark, the second prompt information is displayed, and the second prompt information is used to prompt the holiday information and / or event information corresponding to the date carrying the preset mark.
[0277] like Fig.23A , is a schematic diagram of displaying a second prompt message in response to a user's second preset operation on a date carrying a preset mark in an embodiment of the present application. Assuming that the date carrying the preset mark is January 1, a preset mark is displayed at January 1. The user can click on January 1, and in response to the selection operation on January 1 carrying the preset mark, a second prompt message is displayed, indicating specific holiday information, such as New Year's Day.
[0278] like Fig. 23B As shown, it is a schematic diagram of displaying a second prompt message in response to a user's second preset operation on a date carrying a preset mark in an embodiment of the present application. Assuming that the date carrying the preset mark is 11.10, then a preset mark is displayed at 11.10. The user can click on 11.10, and in response to the selection operation on 11.10 carrying the preset mark, the second prompt message is displayed, indicating specific event information, for example, 11.10 wedding anniversary.
[0279] It should be noted that in the embodiment of the present application, step S1803 and step S1804 may not be executed at the same time. For example, step S1803 may be executed without step S1804, that is, steps 1801, 1802 and 1803 may be a complete embodiment. Alternatively, step S1804 may be executed without step S1803, that is, steps 1801, 1802 and 1804 may be a complete embodiment. Fig.18 In the example, step S1803 is executed but step S1804 is not executed. Therefore, Fig.18 Step S1804 is a dotted line.
[0280] In the above technical solution, the user can respond to the user's relative date selection operation on the target relative date selection control, convert it into a date range, and directly display it in the date display area, so that the information conveyed to the user is very clear, thereby improving the accuracy of the user's selection of the date range. In addition, the date display interface also carries a preset mark for indicating holiday information and / or event information. The user can check what holiday and / or event a certain date belongs to according to the preset mark, which is convenient for the user to know the corresponding holiday information and / or event information, and can improve the efficiency of the user's date selection.
[0281] In addition, it should be noted that Figure 1 , Figure 8 and Fig.18 The embodiments shown can be combined with each other, and the resulting new embodiments are also within the protection scope of this application, and this application does not make specific limitations.
[0282] The scheme provided by the embodiment of the present application is introduced from the perspective of the execution steps of the above method. It is understandable that, in order to implement the above functions, the electronic device may include hardware structures and / or software modules corresponding to the execution of each function. It should be easily appreciated by those skilled in the art that, in combination with the units and algorithm steps of each example described in the embodiments disclosed herein, the embodiments of the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of the present application.
[0283] like Fig.24 , which is an example diagram of a date display device provided in an embodiment of the present application. The date display device includes a display unit 2401 and a response unit 2402;
[0284] The display unit 2401 is used to display a first interface, wherein the first interface includes a date selection component;
[0285] The response unit 2402 is used to respond to the touch operation on the date selection component, and the display unit 2401 is used to display a second interface, wherein the second interface includes at least one granularity selection control and multiple dates corresponding to a preset granularity selection control, wherein the preset granularity selection control is one of the at least one granularity selection control, and different granularity selection controls correspond to different date interval selection granularities.
[0286] In a possible embodiment, the response unit 2402 is also used to respond to a control selection operation on a target granularity selection control. When the target granularity selection control is different from the preset granularity selection control, the display unit 2401 is also used to display a third interface, wherein the third interface includes the target granularity selection control in a selected state and multiple dates corresponding to the target granularity selection control.
[0287] In one possible embodiment, the second interface also includes a display control, which includes a start date display area and an end date display area. The response unit 2402 is also used to respond to a date selection operation in the second interface. The display unit 2401 is also used to display the earliest date among the selected dates in the start date display area, and to display the latest date among the selected dates in the end date display area.
[0288] In a possible implementation, the display control further includes a statistical data display area, and the start date display area, the end date display area, and the statistical data display area are located in the same display frame in the display control.
[0289] In a possible implementation, the start date display area and the end date display area display dates at the minimum granularity of the date.
[0290] In a possible implementation manner, the at least one date selection control further includes a recently selected granularity selection control, and when the preset granularity selection control is the recently selected granularity selection control, the multiple dates include at least a portion of a historical date interval selected historically;
[0291] In the case where the target granular selection control is the most recently selected granular selection control, the multiple dates include at least a portion of the historical date range selected historically.
[0292] In a possible implementation, the second interface further includes a selected time area, and the selected time area displays the selected time corresponding to the at least part of the historical date interval.
[0293] In a possible implementation, when the at least part of the historical date interval includes at least two historical date intervals, the at least two historical date intervals are displayed in a sequence according to a preset condition, and the preset condition includes one of the following conditions:
[0294] The date difference between the target date corresponding to each historical date interval and the current date is from large to small, and the target date is the start date, end date or the selected time of the selected historical date interval;
[0295] The date difference between the target date corresponding to each historical date interval and the current date is from small to large, and the target time is the start date, the end date or the selected time of the selected historical date interval.
[0296] In a possible implementation manner, the second interface further includes a restriction condition display area, and the restriction condition display area is used to display restriction conditions for date selection.
[0297] In one possible implementation, the restriction condition includes information related to the date and other information except the information related to the date, and the display parameters of the date-related information in the restriction condition display area are different from the display parameters of the other information, and the display parameters include at least one of font, size and color.
[0298] In a possible implementation, the at least one date selection control also includes a most recently selected granularity selection control, and when the preset granularity selection control is the most recently selected granularity selection control, the multiple dates include at least a portion of a historical date interval selected historically, and the display mode of the at least portion of the historical date interval includes an available display mode and an unavailable display mode, and the display parameters of the available display mode and the unavailable display mode are different. When the at least portion of the historical date interval does not meet the restriction condition, the display mode of the at least portion of the historical date interval is the unavailable display mode, and when the at least portion of the historical date interval meets the restriction condition, the display mode of the at least portion of the historical date interval is the available display mode.
[0299] In one possible implementation, the response unit 2402 is also used to respond to a first preset operation on a target historical date interval, and the display unit 2401 is also used to display a first prompt message, wherein the target historical date interval is a historical date interval using the unavailable display method, and the first prompt message is used to prompt that the target historical date interval does not meet the restriction condition, and the coordinates corresponding to the first preset operation are located within the display area of the target historical interval.
[0300] In a possible implementation, the second interface further includes at least one relative date selection control, each relative date selection control is used to select a time period whose end date is the date of the latest updated data, the response unit 2402 is further used to respond to a relative date selection operation on a target relative date selection control, the display unit 2401 is further used to display the start date of the time period corresponding to the target relative date selection control in the start date display area, and to display the latest updated data date in the end date display area, and the target relative date selection control is one of the at least one relative date selection controls.
[0301] In a possible implementation, the time period corresponding to each relative date selection control is preset or user-configured.
[0302] In a possible implementation manner, the second interface further includes a preset mark, and the mark type of the preset mark includes a festival type for indicating festival information and / or an event type for indicating event information.
[0303] In a possible implementation, the second interface further includes a mark description area, and the mark description area is used to indicate the corresponding relationship between the at least one preset mark and the type.
[0304] In a possible embodiment, the response unit 2402 is also used to respond to a second preset operation on the date carrying the preset mark, and the display unit 2401 is also used to display a second prompt information, wherein the second prompt information is used to prompt the holiday information and / or event information corresponding to the date carrying the preset mark.
[0305] In a possible implementation manner, the preset mark is preset or user-configured.
[0306] In the case of adopting an integrated unit (module), the electronic device is described by taking a terminal device as an example. Fig.25 2500 is a possible exemplary block diagram of a terminal device involved in an embodiment of the present application. The terminal device 2500 may exist in the form of software. The terminal device 2500 may include: Fig.24 The date display device shown in the figure may include: a display unit 2401 and a response unit 2402. The display unit 2401 is used to display an interface. The response unit 2402 is used to support the interaction between the terminal device 2500 and the user. The terminal device 2500 may also include a storage unit for storing program code and / or data of the terminal device 2500.
[0307] The display unit 2401 may be a display, which may implement or execute various exemplary logic blocks, modules and circuits described in conjunction with the disclosed content of the embodiments of the present application. The response unit 2402 may be a processor, etc. The storage unit may be a memory.
[0308] The terminal device 2500 may be a terminal in any of the above embodiments, or may be a chip set in the terminal. The display unit 2401 may support the terminal device 2500 to perform the actions of the terminal in the above method examples. For example, for performing Figure 1 Step S101 in the embodiment shown, and / or, for executing Figure 8 Step S801 in the embodiment shown, and / or, for executing Fig.18 The response unit 2402 can support the terminal device 2500 to interact with the user, for example, to perform Figure 1 Step S102 in the embodiment shown, and / or for performing Figure 7 Steps S701 to S703 in the embodiment shown, and / or for executing Figure 8 Steps S802 to S804 in the embodiment shown, and / or, for executing Fig.18 Steps S1802 to S1804 in the embodiment shown.
[0309] It should be noted that the division of units (modules) in the embodiments of the present application is schematic and is only a logical function division. There may be other division methods in actual implementation. The functional modules in the embodiments of the present application may be integrated into a processing module, or each module may exist physically separately, or two or more modules may be integrated into one module. The above-mentioned integrated modules may be implemented in the form of hardware or in the form of software functional modules.
[0310] If the integrated module is implemented in the form of a software function module and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the embodiment of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including several instructions to enable a computer device (which can be a personal computer, a server, or a network device, etc.) or a processor (processor) to perform all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium can be various media such as a memory that can store program codes.
[0311] like Fig.26 The terminal device 2600 provided in the embodiment of the present application is shown, wherein the terminal device 2600 may be a terminal capable of implementing the functions of the terminal in the method provided in the embodiment of the present application; the terminal device 2600 may also be a device capable of supporting the terminal to implement the functions of the terminal in the method provided in the embodiment of the present application. The terminal device 2600 may be a chip system. In the embodiment of the present application, the chip system may be composed of a chip, or may include a chip and other discrete devices.
[0312] The terminal device 2600 includes at least one processor 2620, which is used to implement or support the terminal device 2600 to implement the functions of the terminal in the method provided in the embodiment of the present application. Exemplarily, the processor 2620 can control the terminal device 2600 to display the corresponding interface in response to the touch operation of the date selection component. For details, please refer to the detailed description in the method example, which will not be repeated here.
[0313] The terminal device 2600 may also include at least one memory 2630 for storing program instructions and / or data. The memory 2630 is coupled to the processor 2620. The coupling in the embodiment of the present application is an indirect coupling or communication connection between devices, units or modules, which may be electrical, mechanical or other forms, for information exchange between devices, units or modules. The processor 2620 may operate in conjunction with the memory 2630. The processor 2620 may execute program instructions stored in the memory 2630. At least one of the at least one memory may be included in the processor.
[0314] The terminal device 2600 may also include a communication interface 2610, which is used to communicate with other devices through a transmission medium, so that the device in the terminal device 2600 can communicate with other devices. Exemplarily, the other device may be a network side device. The processor 2620 may use the communication interface 2610 to send and receive data. The communication interface 2610 may specifically be a transceiver.
[0315] The specific connection medium between the communication interface 2610, the processor 2620 and the memory 2630 is not limited in the embodiment of the present application. Fig.26 The memory 2630, the processor 2620 and the communication interface 2610 are connected via a bus 2640. Fig.26 The connections between the other components are shown in bold lines, which are only for illustration and are not intended to be limiting. The bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Fig.26 Only one thick line is used in the diagram, but this does not mean that there is only one bus or only one type of bus.
[0316] In the embodiment of the present application, the processor 2620 can be a general-purpose processor, a digital signal processor, an application-specific integrated circuit, a field programmable gate array or other programmable logic device, a discrete gate or transistor logic device, a discrete hardware component, and can implement or execute the methods, steps and logic block diagrams disclosed in the embodiment of the present application. The general-purpose processor can be a microprocessor or any conventional processor, etc. The steps of the method disclosed in the embodiment of the present application can be directly embodied as a hardware processor to be executed, or a combination of hardware and software modules in the processor can be executed.
[0317] In the embodiment of the present application, the memory 2630 can be a non-volatile memory, such as a hard disk drive (HDD) or a solid-state drive (SSD), etc., and can also be a volatile memory (volatile memory), such as a random access memory (RAM). The memory is any other medium that can be used to carry or store the desired program code in the form of instructions or data structures and can be accessed by a computer, but is not limited to this. The memory in the embodiment of the present application can also be a circuit or any other device that can realize a storage function, for storing program instructions and / or data.
[0318] The embodiment of the present application further provides a computer-readable storage medium, which stores computer instructions. When the computer instructions are executed on an electronic device, the electronic device executes the aforementioned date display method.
[0319] The above-mentioned computer-readable storage medium can adopt any combination of one or more computer-readable media. The computer-readable medium can be a computer-readable signal medium or a computer-readable storage medium. The computer-readable storage medium can be, for example, - but not limited to - an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples (non-exhaustive list) of computer-readable storage media include: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM) or flash memory, an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In this document, a computer-readable storage medium can be any tangible medium containing or storing a program, which can be used by an instruction execution system, device or device or used in combination with it.
[0320] Computer-readable signal media may include a data signal propagated in baseband or as part of a carrier wave, which carries a computer-readable program code. Such propagated data signals may take a variety of forms, including, but not limited to, electromagnetic signals, optical signals, or any suitable combination of the above. Computer-readable signal media may also be any computer-readable medium other than a computer-readable storage medium, which may send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device.
[0321] The program code embodied on the computer-readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wire, optical cable, radio frequency (RF), etc., or any suitable combination of the foregoing.
[0322] Computer program code for performing the operations of the present specification may be written in one or more programming languages or a combination thereof, including object-oriented programming languages such as Java, Smalltalk, C++, and conventional procedural programming languages such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).
[0323] The embodiment of the present application also provides a computer program product. When the computer program product is run on a computer, the computer is enabled to execute part or all of the steps in the above method embodiment.
[0324] The embodiment of the present application provides a chip system, which includes a processor and may also include a memory, for implementing the functions of the terminal device in the above method. The chip system may be composed of a chip, or may include a chip and other discrete devices.
[0325] Through the description of the above implementation methods, technical personnel in the relevant field can understand that for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example. In actual applications, the above-mentioned functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.
[0326] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of modules or units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another device, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.
[0327] The units described as separate components may or may not be physically separated, and the components shown as units may be one physical unit or multiple physical units, that is, they may be located in one place or distributed in multiple different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.
[0328] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.
[0329] The above contents are only specific implementation methods of the present application, but the protection scope of the present application is not limited thereto. Any technician familiar with the technical field can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.
Claims
1. A date display method, characterized in that: include: Displaying a first interface, wherein the first interface includes a date selection component; In response to a touch operation on the date selection component, a second interface is displayed, wherein the second interface includes at least one granularity selection control and multiple dates corresponding to a preset granularity selection control, wherein the preset granularity selection control is one of the at least one granularity selection control, and different granularity selection controls correspond to different date interval selection granularities.
2. The method according to claim 1, characterized in that The method further comprises: In response to a control selection operation on a target granularity selection control, when the target granularity selection control is different from the preset granularity selection control, a third interface is displayed, wherein the third interface includes the target granularity selection control in a selected state and multiple dates corresponding to the target granularity selection control.
3. The method according to claim 1 or 2, characterized in that: The second interface further includes a display control, the display control includes a start date display area and an end date display area, and the method further includes: In response to a date selection operation in the second interface, the earliest date among the selected dates is displayed in the start date display area, and the latest date among the selected dates is displayed in the end date display area.
4. The method according to claim 3, characterized in that The display control further includes a statistical data display area, and the start date display area, the end date display area, and the statistical data display area are located in the same display frame in the display control.
5. The method according to claim 3, characterized in that: The start date display area and the end date display area display the date at the minimum granularity of the date.
6. The method according to claim 2, characterized in that The at least one date selection control further includes a recently selected granularity selection control, and when the preset granularity selection control is the recently selected granularity selection control, the multiple dates include at least a portion of the historical date intervals selected historically; In the case where the target granular selection control is the most recently selected granular selection control, the multiple dates include at least a portion of the historical date range selected historically.
7. The method according to claim 6, characterized in that The second interface further includes a selected time area, wherein the selected time area displays the selected time corresponding to the at least part of the historical date interval.
8. The method according to claim 6, characterized in that In the case where the at least part of the historical date interval includes at least two historical date intervals, the at least two historical date intervals are displayed in a sequence according to a preset condition, and the preset condition includes one of the following conditions: The date difference between the target date corresponding to each historical date interval and the current date is from large to small, and the target date is the start date, end date or the selected time of the selected historical date interval; The date difference between the target date corresponding to each historical date interval and the current date is from small to large, and the target time is the start date, the end date or the selected time of the selected historical date interval.
9. The method according to claim 1 or 2, characterized in that: The second interface also includes a restriction condition display area, and the restriction condition display area is used to display the restriction conditions for date selection.
10. The method according to claim 9, characterized in that The restriction condition includes information related to the date and other information except the information related to the date, and the display parameters of the date-related information in the restriction condition display area are different from the display parameters of the other information, and the display parameters include at least one of font, size and color.
11. The method according to claim 9, characterized in that The at least one date selection control also includes a most recently selected granularity selection control. When the preset granularity selection control is the most recently selected granularity selection control, the multiple dates include at least a portion of a historical date interval selected historically. The display mode of the at least portion of the historical date interval includes an available display mode and an unavailable display mode. The display parameters of the available display mode and the unavailable display mode are different. When the at least portion of the historical date interval does not meet the restriction condition, the display mode of the at least portion of the historical date interval is the unavailable display mode. When the at least portion of the historical date interval meets the restriction condition, the display mode of the at least portion of the historical date interval is the available display mode.
12. The method according to claim 11, characterized in that The method further comprises: In response to a first preset operation on a target historical date interval, a first prompt message is displayed, the target historical date interval is a historical date interval using the unavailable display method, the first prompt message is used to prompt that the target historical date interval does not meet the restriction condition, and the coordinates corresponding to the first preset operation are located within the display area of the target historical date interval.
13. The method according to claim 1 or 2, characterized in that: The second interface further includes at least one relative date selection control, each relative date selection control is used to select a time period whose end date is the date of the latest updated data, and the method further includes: In response to a relative date selection operation on a target relative date selection control, the start date of a time period corresponding to the target relative date selection control is displayed in a start date display area, and the latest updated data date is displayed in an end date display area, wherein the target relative date selection control is one of the at least one relative date selection controls.
14. The method according to claim 13, characterized in that The time period corresponding to each relative date selection control is preset or user-configured.
15. The method according to claim 1 or 2, characterized in that: The second interface also includes a preset mark, and the mark type of the preset mark includes a festival type for indicating festival information and / or an event type for indicating event information.
16. The method according to claim 15, characterized in that The second interface further includes a mark description area, and the mark description area is used to indicate the corresponding relationship between the at least one preset mark and the type.
17. The method according to claim 15, characterized in that The method further comprises: In response to a second preset operation on the date carrying the preset mark, second prompt information is displayed, where the second prompt information is used to prompt the holiday information and / or event information corresponding to the date carrying the preset mark.
18. The method according to claim 15, characterized in that The preset mark is preset or user-configured.
19. A date display device, characterized in that: include: A display unit, configured to display a first interface, wherein the first interface includes a date selection component; A response unit is used to respond to a touch operation on the date selection component, and the display unit is used to display a second interface, wherein the second interface includes at least one granularity selection control and multiple dates corresponding to a preset granularity selection control, and the preset granularity selection control is one of the at least one granularity selection control, and different granularity selection controls correspond to different date interval selection granularities.
20. An electronic device, characterized in that: The electronic device comprises a memory, a processor, and a display, wherein the memory stores a computer program executable on the processor, and when the electronic device executes the program, the method according to any one of claims 1 to 18 is implemented.
21. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 18 is implemented.
22. A computer program product having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 18 is implemented.
Citation Information
Patent Citations
Method and apparatus for providing date information
CN106709573A
Schedule management method and device
CN117875925A
Date range selection method and device, electronic equipment and storage medium
CN117992512A
Graphical User Interface for Mobile Phones
CN305661791S
Calendar control for selection of time periods to filter data
US7296232B1
