Date input prompting method and device, electronic equipment and storage medium
By highlighting the intermediate date between the target date and the expected date on the date panel, users may have no operation problems when using the date range selector, improving user experience and date selection efficiency.
Patent Information
- Application Number
- CN202411617011.4
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-11-13
- Publication Date
- 2025-04-18
AI Technical Summary
When using the date range selector, users may unconsciously repeatedly click on the same date because they do not realize that they need to move the mouse cursor to select different date ranges, resulting in no action on date selection.
By responding to the user's date selection request, output the date panel, and determine the expected date based on the target date, date type, and preset duration, highlight the intermediate date between the target date and the expected date on the date panel to guide the user to select a different date.
It effectively avoids the occurrence of no operation in date selection, improves the user's experience when selecting a date, and improves the efficiency of date range selection by naturally guiding users to select different dates.
Smart Images
Figure CN119847649A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of computer technology, and in particular to a date input prompt method, device, electronic device and storage medium. Background Art
[0002] When using a date range picker, users may inadvertently click the same date repeatedly after selecting the start date because they don't realize they need to move the mouse cursor to select a different date range. This behavior is not intended to be a result of the user's intention to select "today". Summary of the invention
[0003] Embodiments of the present disclosure provide a date input prompt method, device, electronic device, and storage medium.
[0004] In a first aspect, an embodiment of the present disclosure provides a date input prompt method, comprising: in response to receiving a date selection request from a user, outputting a date panel; determining a date type according to the date selection request; in response to obtaining a target date, highlighting the target date on the date panel; determining an expected date according to the target date, the date type and a preset duration; and highlighting an intermediate date between the target date and the expected date on the date panel.
[0005] In a second aspect, an embodiment of the present disclosure provides a date input prompt device, comprising: a panel output unit, configured to output a date panel in response to receiving a date selection request from a user; a type determination unit, configured to determine the date type according to the date selection request; a first display unit, configured to highlight the target date on the date panel in response to obtaining the target date; the date determination unit, configured to determine the expected date based on the target date, the date type and a preset duration; and a second display unit, configured to highlight the intermediate date between the target date and the expected date on the date panel.
[0006] In a third aspect, an embodiment of the present disclosure provides an electronic device, comprising a memory, a processor, a bus, and a computer program stored in the memory and executable on the processor, wherein the processor implements the date input prompt method described in the first aspect when executing the computer program.
[0007] In a fourth aspect, an embodiment of the present disclosure provides a non-transitory computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the date input prompt method as described in the first aspect.
[0008] By applying the technical solution disclosed in the present invention, when a user selects a date, the selected date and the desired date can be highlighted on the date panel, thereby naturally guiding the user to select another date different from the selected date, effectively avoiding the occurrence of date selection without operation, and improving the user experience in selecting a date.
[0009] It should be understood that the content described in this section is not intended to identify the key or important features of the embodiments of the present disclosure, nor is it intended to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS
[0010] The accompanying drawings are used to better understand the present solution and do not constitute a limitation of the present disclosure. Figure 1 A flowchart of an embodiment of the date input prompt method disclosed in the present invention; Figure 2 A flowchart of another embodiment of the date input prompt method disclosed in the present invention; Figure 3 This is a schematic diagram of the start date input box and the date panel; Figure 4 A schematic diagram of selecting a target date on the date panel; Figure 5 A schematic diagram for highlighting the desired date and intermediate dates on the date panel; Figure 6 A schematic diagram of the structure of an embodiment of the date input prompt device disclosed in the present invention; Figure 7 A schematic diagram of the structure of an embodiment of an electronic device disclosed herein. DETAILED DESCRIPTION
[0011] It should be noted that the following detailed descriptions are exemplary and are intended to provide further explanation of the present disclosure. Unless otherwise specified, all technical and scientific terms used herein have the same meanings as those commonly understood by those skilled in the art to which the present disclosure belongs.
[0012] It should be noted that the terms used herein are only for describing specific embodiments and are not intended to limit the exemplary embodiments according to the present disclosure. As used herein, unless the context clearly indicates otherwise, the singular form is also intended to include the plural form. In addition, it should be understood that when the terms "comprising" and / or "including" are used in this specification, it indicates the presence of features, steps, operations, devices, components and / or combinations thereof.
[0013] In the absence of conflict, the embodiments in the present disclosure and the features in the embodiments may be combined with each other.
[0014] In order to make the technical solutions and advantages of the present disclosure more clearly understood, the present disclosure is further described in detail below in conjunction with the accompanying drawings and specific embodiments.
[0015] Figure 1 FIG. 1 shows a process 100 of an embodiment of the date input prompt method disclosed in the present invention. Figure 1 As shown, the date input prompt method of this embodiment may include the following steps: Step 101: In response to receiving a date selection request from a user, output a date panel.
[0016] In this embodiment, the execution subject of the date input prompt method can be a terminal device used by the user. The user can operate on the page displayed in the terminal to trigger the date selection request. Specifically, the above page may include an input box for the start date and an input box for the end date. When the user clicks the above input box, the date selection request can be triggered.
[0017] After receiving a date selection request from a user, the execution body may output a date panel. Here, the date panel may include multiple numbers for displaying a specific duration, such as displaying all numbers within a month. Different numbers correspond to different dates. In some specific implementations, the date panel may include a year, a month, and a date.
[0018] Step 102: Determine the date type according to the date selection request.
[0019] After receiving the date selection request, the execution subject can determine the date type. Specifically, the date type can be determined according to the input box that triggers the date selection request. Or the date type can be determined according to the triggering time of the date selection request. Here, the date type can include a start date and an end date. A time range can be determined by the above start date and end date.
[0020] Step 103: In response to obtaining the target date, highlighting the target date on the date panel.
[0021] The execution subject may also obtain a target date. The target date may be a date selected by the user. The user may select the target date by clicking on the date panel. Alternatively, the user may select the target date by entering a number in an input box. Specifically, the user may enter a partial number of the target date in the input box to determine the target date. For example, if the user enters "0101", January 1 is selected.
[0022] After obtaining the target date, the target number corresponding to the target date can be highlighted on the date panel. Specifically, the target number can be highlighted by changing the background color of the target number. Alternatively, the target number can be highlighted by changing the wireframe color of the target number.
[0023] Step 104, determining the expected date according to the target date, date type and preset duration.
[0024] After determining the target date, you can determine the expected date by combining the date type and the preset duration. Specifically, if the target date is January 1, the date type is the start date, and the preset duration is 1 month, the expected date can be February 1. If the target date is May 1, the date type is the end date, and the preset duration is 1 month, the expected date can be April 1.
[0025] The preset duration may be predefined by the user, or obtained by statistically studying the historical start date and the historical end date of the user. For example, the duration between the historical start date and the historical end date includes 5 days, 6 days, 3 days, and 10 days. Then the average of the above durations may be taken, that is, 6 days is taken as the preset duration.
[0026] Step 105 , highlighting the intermediate date between the target date and the expected date on the date panel.
[0027] After the desired date is determined, the intermediate date between the target date and the desired date can be highlighted on the date panel. Specifically, the desired date can be highlighted in a different manner from the target date and the intermediate date. The highlighting here can be static or dynamic. In this way, the user's attention can be directed to the desired date, thereby avoiding multiple clicks on the target date.
[0028] The date input prompt method provided by the above-mentioned embodiment of the present disclosure can highlight the selected date and the expected date on the date panel when the user selects a date, thereby naturally guiding the user to select another date different from the selected date, effectively avoiding the occurrence of date selection without operation, and improving the user experience when selecting a date.
[0029] Continue to see Figure 2 , which shows a process 200 of another embodiment of the date input prompt method according to the present disclosure. Figure 2 As shown, the method in this embodiment may include the following steps: Step 201: In response to receiving a date selection request from a user, output a date panel.
[0030] In this embodiment, after receiving the date selection request triggered by the user, a date panel may be output. In order to facilitate the user to determine the current date, the number corresponding to the current date may be highlighted in the date panel. For example, the wireframe color of the current date may be changed to achieve highlighting.
[0031] Step 202: select a request input box according to the trigger date and determine the date type.
[0032] In this embodiment, the date type can be determined according to the trigger date selection request input box. Specifically, if the user selects the start date input box, the start date input box triggers the date selection request, and the date type is the start date. If the user selects the end date input box, the end date input box triggers the date selection request, and the date type is the end date. Figure 3 As shown, the user clicks the "Start Date" input box, and the cursor flashes in the input box, and the date type is the start date.
[0033] Step 203, determining the target date according to the number entered by the user in the input box.
[0034] The user can input the target date by entering a number in the input box. The execution entity can obtain the number in the input box in real time, analyze the obtained number, and determine the target date.
[0035] In some optional implementations of this embodiment, the execution subject can adjust the date displayed in the date panel in real time according to the number entered by the user in the input box. For example, if the year displayed in the current date panel is 2023, and the number entered by the user in the input box includes "2024", the date panel can be adjusted to the date of 2024. If the month displayed in the current date panel is September, and the number entered by the user in the input box includes "0101", the date panel can be adjusted to January.
[0036] Step 203, determining the target date according to the date selected by the user on the date panel.
[0037] In this embodiment, the user can also input the target date by selecting a date on the date panel. After receiving the date selected by the user, the execution entity can use the date as the target date. Figure 4 As shown, the user can select the target date by clicking the number in the date panel.
[0038] Step 204 , in response to obtaining the target date, highlighting the target date on the date panel.
[0039] Step 205, determining the expected date according to the target date, date type and preset duration.
[0040] In this embodiment, the preset duration can be set by the user, or the execution entity can determine the preset duration according to the duration between the historical expected date and the historical target date selected by the user. Specifically, the duration between the last historical expected date and the historical target date can be used as the preset duration. Alternatively, the duration between multiple historical expected dates and the historical target date can be averaged, and the average value can be used as the preset duration.
[0041] Step 206, sliding the date panel to display the desired date according to the desired date; highlighting the target date, the desired date, and the intermediate date on the date panel.
[0042] After determining the expected date, the date panel can be slid according to the expected date to display the expected date on the date panel. Specifically, if the expected date is before the target date, the date panel is slid downward. If the expected date is after the target date, the date panel is slid upward.
[0043] The target date, desired date, and intermediate dates between the two can then be highlighted on the date panel. Figure 5 As shown, the desired date and the intermediate dates are highlighted in the Date panel.
[0044] In some specific practices, in order to clearly distinguish the target date from the expected date, the target date and the expected date may be highlighted differently from the intermediate dates. For example, the target date and the expected date may be highlighted by changing their background colors, and the intermediate dates may be highlighted by changing their line frame colors.
[0045] In some optional implementations of this embodiment, the target date is highlighted in the form of a focus point on the date panel; the focus point is controlled to slide from the target date to the desired date; the intermediate dates are highlighted during the sliding process, and the desired date is highlighted after the sliding is completed.
[0046] In this implementation, the target date can be highlighted in the form of a focus point on the date panel. Then, the focus point is controlled to slide from the target date to the desired date. The intermediate dates are highlighted during the sliding process, and the desired date is highlighted after the sliding is completed.
[0047] The date input prompt method provided by the above-mentioned embodiment of the present disclosure can highlight the desired date after the user selects the target date, and can guide the user's attention to the desired date through animation, thereby avoiding multiple clicks on a single date, improving the efficiency of selecting the date range, and enhancing the user experience.
[0048] Further references Figure 6 As an implementation of the methods shown in the above figures, the present disclosure provides an embodiment of a date input prompt device, which is similar to Figure 1 Corresponding to the method embodiment shown, the device can be specifically applied to various electronic devices.
[0049] like Figure 6 As shown, the date input prompt device 600 of this embodiment includes: a panel output unit 601 , a type determination unit 602 , a first display unit 603 , a date determination unit 604 and a second display unit 605 .
[0050] The panel output unit 601 is configured to output a date panel in response to receiving a date selection request from a user.
[0051] The type determination unit 602 is configured to determine the date type according to the date selection request.
[0052] The first display unit 603 is configured to highlight the target date on the date panel in response to obtaining the target date.
[0053] The date determination unit 604 is configured to determine the expected date according to the target date, the date type and the preset duration.
[0054] The second display unit 605 is configured to highlight the intermediate date between the target date and the expected date on the date panel.
[0055] In addition, in the technical solution of the present application, an electronic device is also proposed.
[0056] Figure 7 A schematic structural diagram of an electronic device provided by an embodiment of the present disclosure is shown.
[0057] like Figure 7 As shown, the electronic device may include a processor 701, a memory 702, a bus 703, and a computer program stored in the memory 702 and executable on the processor 701, wherein the processor 701 and the memory 702 communicate with each other through the bus 703. When the processor 701 executes the computer program, the steps of implementing the above method include: in response to receiving a date selection request from a user, outputting a date panel; determining a date type according to the date selection request; in response to obtaining a target date, highlighting the target date on the date panel; determining a desired date according to the target date, the date type, and a preset duration; and highlighting an intermediate date between the target date and the desired date on the date panel.
[0058] In addition, in one embodiment of the present disclosure, a non-transitory computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the steps of the above method are implemented, for example, including: in response to receiving a date selection request from a user, outputting a date panel; determining the date type according to the date selection request; in response to obtaining the target date, highlighting the target date on the date panel; determining the expected date according to the target date, the date type and the preset duration; and highlighting the intermediate date between the target date and the expected date on the date panel.
[0059] To sum up, in the technical solution disclosed in the present invention, when the user selects a date, the selected date and the expected date can be highlighted on the date panel, so that the user can be naturally guided to select another date different from the selected date, effectively avoiding the occurrence of no operation in date selection and improving the user experience in selecting a date.
[0060] The above description is only a preferred embodiment of the present disclosure and is not intended to limit the present disclosure. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present disclosure shall be included in the scope of protection of the present disclosure.
Claims
1. A date input prompt method, comprising: In response to receiving a date selection request from a user, outputting a date panel; Determine the date type according to the date selection request; In response to acquiring the target date, highlighting the target date on the date panel; Determine the expected date according to the target date, the date type and the preset duration; Intermediate dates between the target date and the desired date are highlighted on the date panel.
2. The method according to claim 1, wherein: The step of determining the date type according to the date selection request includes: According to triggering the date selection request input box, the date type is determined.
3. The method according to claim 2, wherein: The method further comprises: The target date is determined according to the number input by the user in the input box.
4. The method according to claim 2, wherein: The method further comprises: A target date is determined according to the date selected by the user on the date panel.
5. The method according to claim 1, wherein: The method further comprises: The preset duration is determined according to the duration between the historical expected date and the historical target date.
6. The method according to claim 1, wherein: The step of highlighting the intermediate date between the target date and the expected date on the date panel comprises: According to the expected date, sliding the date panel to display the expected date; The target date, the desired date, and the intermediate dates are highlighted on the date panel.
7. The method according to claim 6, wherein: The step of sliding the date panel according to the expected date includes: In response to determining that the desired date is after the target date, sliding the date panel upward; In response to determining that the desired date is before the target date, sliding the date panel downward.
8. The method according to claim 6, wherein: The highlighting of the target date, the expected date, and the intermediate date on the date panel comprises: highlighting the target date as a focus point on the date panel; Controlling the focus point to slide from the target date to the desired date; The intermediate dates are highlighted during the sliding process, and the desired date is highlighted after the sliding is completed.
9. The method according to claim 1, wherein: The method further comprises: The number corresponding to the current date is highlighted on the date panel.
10. A date input prompting device, comprising: a panel output unit configured to output a date panel in response to receiving a date selection request from a user; a type determination unit, configured to determine a date type according to the date selection request; a first display unit, configured to highlight the target date on the date panel in response to acquiring the target date; a date determination unit, configured to determine an expected date according to the target date, the date type and a preset duration; A second display unit is configured to highlight an intermediate date between the target date and the desired date on the date panel.
11. An electronic device comprising a memory, a processor, a bus, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the computer program, the method for outputting information according to any one of claims 1 to 9 is implemented.
12. A non-transitory computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method for outputting information according to any one of claims 1 to 9 is implemented.