CN110018760B - A time selection method, storage medium, device and system - Google Patents

Abstract

The invention discloses a time selection method, a storage medium, equipment and a system, which relate to the technical field of time selection, and the method comprises the following steps: presetting reference time, wherein the reference time is the local time of a user; setting a plurality of time periods by using the reference time and taking the current time as an end point, and correspondingly generating a time selection control for each time period; and returning to the corresponding time period according to the time selection control selected by the user. The invention can select a proper time period to accurately select time, has simple operation and does not need a user to perform complicated operation.

Description

A time selection method, storage medium, device and system

technical field

The present invention relates to the technical field of time selection, in particular to a time selection method, storage medium, device and system.

Background technique

At this stage, when users need to select a certain time interval when viewing data reports, historical records, etc., they can usually only be accurate to the number of days. The main problem of this method is that the granularity of the operation is too coarse and accurate data cannot be seen.

However, the existing methods to solve this problem are mostly: provide corresponding input boxes for the start timestamp and end timestamp of the user data time interval, and then perform corresponding calculations;

However, although the existing solution solves the problem that more accurate operation granularity cannot be provided, the user operation is too complicated, and the user needs to convert the relevant time into a timestamp each time it is used.

SUMMARY OF THE INVENTION

In view of the defects existing in the prior art, the purpose of the present invention is to provide a time selection method, storage medium, device and system, which can select an appropriate time period, perform precise time selection, and are simple to operate.

In order to achieve the above purpose, the technical scheme adopted in the present invention is:

A time selection method, which is used for time selection by a client, includes the following steps:

A reference time is preset, and the reference time is the user's local time;

Using the reference time, based on each preset rule, a plurality of time periods are set with the current time as the end point, and a time selection control is correspondingly generated for each of the time periods;

Return the corresponding time period according to the time selection control selected by the user; wherein,

The preset reference time specifically includes the following steps:

Create a time component for providing the time period on the client side, configure the reference time to the time component, and perform an initialization operation on the time component;

All the preset rules are defined as static members of the class implementing the time component, and are configured in the time component in the form of an array;

The use of the reference time, based on each preset rule, sets a plurality of time periods with the current time as the end point, including the following steps:

Traverse the rule array, and obtain the specific description of the preset rule from the members of the rule array;

Pass the base time to calculate the value of the time period;

According to the numerical value of the time period, an HTML element is generated and inserted into the panel of the time component; wherein,

The reference time is passed by the user or is the current time, and the rule array includes at least one of the preset rules;

The time period includes a start time and an end time, and a corresponding calculation function is configured.

On the basis of the above technical solution, the time selection method further comprises the following steps:

The development terminal receives the returned time period, and generates time parameters for time selection;

The development terminal performs time selection work according to the time parameter.

On the basis of the above technical solution, the time selection method further comprises the following steps;

Create a callback function, which is used to obtain the time parameter and feed it back to the development end.

On the basis of the above technical solution, in the time selection method: the reference time is set by manual preset or by synchronizing the system time.

The invention also discloses a storage medium on which a computer program is stored, and when the computer program is executed by a processor, the steps of the above-mentioned time selection method are implemented.

The present invention also discloses a time selection device, comprising a memory, a processor and a computer program stored on the memory and running on the processor, when the processor executes the computer program, the above-mentioned time selection method is implemented. step.

The invention also discloses a time selection system, which includes:

a reference time setting unit, which is used to preset a reference time, where the reference time is the local time of the user;

a time period unit, which is used for using the reference time, and based on each preset rule, sets a plurality of time periods with the current time as the end point, and generates a time selection control corresponding to each of the time periods;

a time period returning unit, configured to return the corresponding time period according to the time selection control selected by the user; wherein,

The reference time setting unit is specifically configured to create a time component for providing the time period at the client, configure the reference time to the time component, and perform an initialization operation on the time component;

All the preset rules are defined as static members of the class implementing the time component, and are configured in the time component in the form of an array;

The time period unit is also used to traverse the rule array, and obtain the specific description of the preset rule from the members of the rule array;

The time period unit transmits the reference time to calculate the value of the time period;

The time period unit generates an HTML element to be inserted into the panel of the time component according to the value of the time period; wherein,

The reference time is passed by the user or is the current time, and the rule array includes at least one of the preset rules;

The time period includes a start time and an end time, and a corresponding calculation function is configured.

On the basis of the above technical solutions, the time selection system further includes:

a time parameter generating unit, configured to generate a time parameter for time selection according to the time period;

A time selection unit, which is used for performing time selection work according to the time parameter.

On the basis of the above technical solution, in the time selection system: the time parameter generation unit includes a callback function subunit;

The callback function subunit is used for acquiring the time parameter and feeding it back to the time parameter generating unit.

On the basis of the above technical solutions, in the time selection system:

The reference time is set by manually presetting or synchronizing the system time.

Compared with the prior art, the advantages of the present invention are:

(1) the present invention utilizes the preset reference time to cooperate with the current time to set multiple time periods, and generates a time selection space according to the multiple time periods, and returns the corresponding time period according to the time selection control selected by the customer;

Compared with the prior art, the present invention can select an appropriate time period, perform accurate time selection, and is simple to operate, and does not require the user to perform cumbersome operations.

Description of drawings

1 is a flowchart of a time selection method in an embodiment of the present invention;

2 is a structural block diagram of a time selection device in an embodiment of the present invention;

FIG. 3 is a structural block diagram of a time selection system in an embodiment of the present invention.

Detailed ways

The embodiments of the present invention will be described in further detail below with reference to the accompanying drawings.

Referring to FIG. 1 , an embodiment of the present invention provides a time selection method, which is used for a client to perform time selection, and the method includes the following steps:

The reference time is preset, and the reference time is the user's local time;

Use the reference time and set multiple time periods with the current time as the end point, and generate a time selection control corresponding to each time period;

Returns the corresponding time period according to the time selection control selected by the user.

In the present invention, according to different users, the reference time is different, and the reference time is used as the basis for time selection, as a kind of reference data;

Multiple time periods provide users with multiple time selection possibilities. The accuracy of the time period can be adjusted according to actual needs. Since each time period corresponds to a time selection control, the customer only needs to select the time selection space. Select the corresponding time period to perform time selection work;

The present invention can select an appropriate time period, perform accurate time selection, and is simple to operate, and does not require users to perform cumbersome operations.

Wherein, the way of generating the reference time may be the following steps:

A time component can be created in the client, and the purpose of the time component is to provide users with accurate time period values. It needs to provide the component reference time to initialize the component;

The initialization of the component is as follows:

<RelativeTimePicker

from={this.state.from}

till={this.state.till}

loading={this.state.loading}

onChange={(from, till)=>{

}}

/>

where from is the start time, till is the end time, the loading animation of the loading client in response to the operator event, and onChange is the callback function required by the developer to pass the value to the developer of the time component after the user selects the time period. ;

When the developer using the component does not pass the two base time values of from and till, then the base time used by the component is the local time of the time zone where the client is currently running;

The above initialization method makes the use of the time component more flexible, because when most of the requirements do not need to provide the specified time, the automatic acquisition of the time component can meet the user's needs. At the same time, if there are special requirements, the user can specify the starting point by himself. time value, so that different needs can be met.

In addition, a rule for setting a time period is given in this embodiment:

When there is a baseline time value, the component also needs to provide a series of rules to allow the component to generate different time periods.

The specific definitions of the rules are as follows:

static durations=[

{

last2Days:{

text:'Last 2days',

expr:(date)=>{

const d = new Date(date);

return{

from:d.setDate(d.getDate()-2),

till: date,

};

},

},

last7Days:{

text:'Last 7 days',

expr:(date)=>{

const d = new Date(date);

return{

from:d.setDate(d.getDate()-7),

till: date,

};

},

},

last30Days:{

text:'Last 30 days',

expr:(date)=>{

const d = new Date(date);

return{

from:d.setDate(d.getDate()-30),

till: date,

};

},

},

last90Days:{

text:'Last 90 days',

expr:(date)=>{

const d = new Date(date);

return{

from:d.setDate(d.getDate()-90),

till: date,

};

},

},

last6months:{

text:'Last 6months',

expr:(date)=>{

const d = new Date(date);

return{

from:d.setMonth(d.getMonth()-6),

till: date,

};

},

},

…

}

In the implementation of the time component, the rule is defined as a static member of the class that implements the time component. The static member of the rule is an array in which specific rules are defined. For example, last2Days, it is obvious that this is the time period of the first two days from the start time of the benchmark;

The advantage of the above method is that the rules are defined as static members of the class. On the one hand, the implementation of the time component follows the object-oriented principle, because the rules are also part of the time component class and need to be encapsulated. On the other hand, because the rules are It is common to all instances of the class and does not need to be specialised, so it is more semantic to implement it as a static member.

In addition, this embodiment also provides a method for generating different time periods according to the above rules and the reference time:

When the time component receives the reference time value, different time periods can be generated according to the rules;

First, the time component will traverse the rule array, starting from the members of the array such as last2Days:{

text:'Last 2days',

expr:(date)=>{

const d = new Date(date);

return{

from:d.setDate(d.getDate()-2),

till: date,

};

},

},

The specific description of this rule can be obtained from its text member. Then call expr, passing the reference time (it can be passed by the user, or it can be the current time that the component automatically goes from later). The specific value can be calculated, where from and till constitute the value of the time period. Finally, generate HTML elements according to the values and insert them into the panel of the component.

At the same time, an event response function is added to the element. When the HTML element corresponding to this time value is clicked, the component will use the from and till values of this time interval to update the internal state;

The advantage of the above setting method is that since the rules provide unified members and calculation functions, it can be more efficient when the component loops to generate the corresponding HTML elements. It is only necessary to obtain the description of the time interval from the text and call The specific value of the time period can be obtained by passing the reference time to expr, and when the time component is expanded later, more time periods can be added according to the same constraints.

In this embodiment, the time selection method further includes the following steps:

The development end receives the returned time period and generates time parameters for time selection;

The development side performs time selection work according to time parameters.

Specifically, the time selection method further includes the following steps;

Create a callback function, which is used to obtain time parameters and feed them back to the developer;

Specifically, the way the time parameter is fed back to the developer, that is, the developer, is as follows:

After the user selects the time selection control, the time component in the client will pass the from and till values maintained in the time component to the developer through the onChange callback function provided by the developer, so that the developer can proceed to the next step. ;

Instead of allowing users to obtain the internal state of the time component by themselves, the callback function mechanism is used, which avoids destroying the encapsulation of the time component and facilitates the operation by developers.

In this embodiment, in the time selection method: the reference time is set by manual preset or by synchronizing the system time.

An embodiment of the present invention provides a storage medium on which a computer program is stored, and when the computer program is executed by a processor, the steps of the above method for time selection are implemented.

Referring to FIG. 2, an embodiment of the present invention provides a time selection device, including a memory, a processor, and a computer program stored in the memory and running on the processor, and the processor implements the steps of the time selection method when executing the computer program .

Referring to FIG. 3, an embodiment of the present invention provides a time selection system, which includes:

a reference time setting unit, which is used to preset a reference time, and the reference time is the local time of the user;

a time period unit, which is used for setting a plurality of time periods with the current time as the end point using the reference time, and correspondingly generating a time selection control for each time period;

The time period returning unit is used for returning the corresponding time period according to the time selection control selected by the user.

In this embodiment, the time selection system further includes:

a time parameter generating unit for generating time parameters for time selection according to a time period;

The time selection unit is used for time selection work according to the time parameter.

In this embodiment, in the time selection system: the time parameter generation unit includes a callback function subunit;

The callback function subunit, which is used to obtain the time parameter and feed it back to the time parameter generation unit.

In this embodiment, in the time selection system:

The base time is set by manual preset or by synchronizing the system time.

It should be noted that: when the system provided by the above-mentioned embodiment implements the time selection operation, only the division of the above-mentioned functional modules is used as an example. The internal structure is divided into different functional modules to complete all or part of the functions described above.

The present invention is not limited to the above-mentioned embodiments. For those skilled in the art, without departing from the principle of the present invention, several improvements and modifications can be made, and these improvements and modifications are also regarded as the protection of the present invention. within the range.

Contents not described in detail in this specification belong to the prior art known to those skilled in the art.

Claims (10)

1. a time selection method, is characterized in that, it is used for client to carry out time selection, and this method comprises the following steps: A reference time is preset, and the reference time is the user's local time; Using the reference time, based on each preset rule, a plurality of time periods are set with the current time as the end point, and a time selection control is correspondingly generated for each of the time periods; Return the corresponding time period according to the time selection control selected by the user; wherein, The preset reference time specifically includes the following steps: Create a time component for providing the time period on the client side, configure the reference time to the time component, and perform an initialization operation on the time component; All the preset rules are defined as static members of the class implementing the time component, and are configured in the time component in the form of an array; The use of the reference time, based on each preset rule, sets a plurality of time periods with the current time as the end point, including the following steps: Traverse the rule array, and obtain the specific description of the preset rule from the members of the rule array; Pass the base time to calculate the value of the time period; According to the numerical value of the time period, an HTML element is generated and inserted into the panel of the time component; wherein, The reference time is passed by the user or is the current time, and the rule array includes at least one of the preset rules; The time period includes a start time and an end time, and a corresponding calculation function is configured. 2. time selection method as claimed in claim 1, is characterized in that, this method also comprises the following steps: The development terminal receives the returned time period, and generates time parameters for time selection; The development terminal performs time selection work according to the time parameter. 3. time selection method as claimed in claim 2, is characterized in that: this method also comprises the following steps; Create a callback function, which is used to obtain the time parameter and feed it back to the development end. 4 . The time selection method according to claim 1 , wherein the reference time is set by manual preset or by synchronizing system time. 5 . 5. A storage medium on which a computer program is stored, characterized in that: when the computer program is executed by a processor, the steps of the method according to any one of the preceding claims 1 to 4 are implemented. 6. A time selection device, comprising a memory, a processor and a computer program stored on the memory and running on the processor, characterized in that: the processor implements the above claims when executing the computer program The steps of any one of 1 to 4 of the method. 7. A time selection system, characterized in that the system comprises: a reference time setting unit, which is used to preset a reference time, where the reference time is the local time of the user; a time period unit, which is used for using the reference time, and based on each preset rule, sets a plurality of time periods with the current time as the end point, and generates a time selection control corresponding to each of the time periods; a time period returning unit, configured to return the corresponding time period according to the time selection control selected by the user; wherein, The reference time setting unit is specifically configured to create a time component for providing the time period at the client, configure the reference time to the time component, and perform an initialization operation on the time component; All the preset rules are defined as static members of the class implementing the time component, and are configured in the time component in the form of an array; The time period unit is also used to traverse the rule array, and obtain the specific description of the preset rule from the members of the rule array; The time period unit transmits the reference time to calculate the value of the time period; The time period unit generates an HTML element to be inserted into the panel of the time component according to the value of the time period; wherein, The reference time is passed by the user or is the current time, and the rule array includes at least one of the preset rules; The time period includes a start time and an end time, and a corresponding calculation function is configured. 8. The time selection system of claim 7, wherein the system further comprises: a time parameter generating unit, configured to generate a time parameter for time selection according to the time period; A time selection unit, which is used for performing time selection work according to the time parameter. 9. The time selection system according to claim 8, wherein the time parameter generating unit comprises a callback function subunit; The callback function subunit is used for acquiring the time parameter and feeding it back to the time parameter generating unit. 10. The time selection system of claim 7, wherein: The reference time is set by manually presetting or synchronizing the system time.

Images