CN111124400A - Calendar component implementation method and device, computer equipment and medium - Google Patents

Calendar component implementation method and device, computer equipment and medium Download PDF

Info

Publication number
CN111124400A
CN111124400A CN201911112779.5A CN201911112779A CN111124400A CN 111124400 A CN111124400 A CN 111124400A CN 201911112779 A CN201911112779 A CN 201911112779A CN 111124400 A CN111124400 A CN 111124400A
Authority
CN
China
Prior art keywords
component
event
calendar
filtering
legend
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201911112779.5A
Other languages
Chinese (zh)
Other versions
CN111124400B (en
Inventor
林小玲
吴闽华
姜坤
卫宣安
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Genew Technologies Co Ltd
Original Assignee
Shenzhen Genew Technologies Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shenzhen Genew Technologies Co Ltd filed Critical Shenzhen Genew Technologies Co Ltd
Priority to CN201911112779.5A priority Critical patent/CN111124400B/en
Publication of CN111124400A publication Critical patent/CN111124400A/en
Application granted granted Critical
Publication of CN111124400B publication Critical patent/CN111124400B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Calculators And Similar Devices (AREA)

Abstract

The application relates to a calendar component implementation method and device, computer equipment and media, wherein the method comprises the following steps: making an electronic calendar component into a chart component, and marking event types by using legends to be presented on the component; receiving an operation instruction and marking a note function through a text event below the date; and distinguishing event types and filtering to display events of one type according to needs. The invention makes the calendar component similar to the chart component, marks the presentation mode of the event type on the component by using the legend, and increases the selection box rich function of the filtering type. The method and the device can not only realize the functions of checking the date and supporting the character event mark below the date, but also realize the purposes of distinguishing the event types and filtering the events with only one type, thereby providing convenience for the use of users.

Description

Calendar component implementation method and device, computer equipment and medium
Technical Field
The application relates to the technical field of electronic calendar components, in particular to a calendar component implementation method and device with legends and filtering functions, computer equipment and a readable storage medium.
Background
With the development of electronic technology and the continuous improvement of living standard of people, various electronic terminals are more and more popular in use, people like to check the calendar by the electronic terminals, and some schedule items are sometimes marked on the electronic calendar.
In the prior art, calendar components which are found on the internet and have sources or do not have sources can only view dates, or text event marks are supported below the dates, but the types of the events cannot be distinguished, and only one type of the events can be displayed through filtering, so that the calendar components are sometimes inconvenient for users to use.
Therefore, the prior art is in need of improvement.
Disclosure of Invention
The invention aims to solve the technical problem of providing a calendar assembly implementation method and device with a legend and a filtering function, computer equipment and a readable storage medium. The method and the device can not only realize the functions of checking the date and supporting the character event mark below the date, but also realize the purposes of distinguishing the event types and filtering the events with only one type, thereby providing convenience for the use of users.
A calendar component implementation method with legend and filtering functions, wherein the method comprises the following steps:
making an electronic calendar component into a chart component, and marking event types by using legends to be presented on the component;
receiving an operation instruction and marking a note function through a text event below the date;
and distinguishing event types and filtering to display events of one type according to needs.
The calendar component implementation method with the legend and the filtering function is characterized in that the electronic calendar component is made into a chart component, and the step of marking the event type by using the legend and presenting the event type on the component comprises the following steps:
packaging calendar components by adopting an vue framework, and gathering calendar component codes of a third party open source to realize the presentation of the lunar calendar and the solar calendar;
the set time selection function adopts an vue slot mode, a filtering selection frame and a legend in any form are configured in the parent component, the filtering type function is realized in the parent component, and event data transmits parameters from the parent component to the calendar component;
the event data object transmitted by the parent component must contain start, time and date, cssClass, css attribute name, type and event type;
the cs style and the legend style corresponding to the event are uniformly configured in the parent component.
The calendar component implementation method with the legend and the filtering function is characterized in that the electronic calendar component is made into a chart component, and the step of marking the event type by using the legend and presenting the event type on the component comprises the following steps:
packaging the calendar assembly by adopting an vue frame, wherein the vue frame refers to the packaged calendar assembly;
configuring a type filtering selection box;
a configuration legend;
configuring event data;
the cs configured for the corresponding event is the same as the cs illustrated.
The method for realizing the calendar component with the legend and the filtering function comprises the following steps of receiving an operation instruction and marking a note function through a text event below a date:
receiving an operation instruction of a user, setting and storing a corresponding note event in a currently displayed calendar chart component;
and receiving the color distinguishing identification storage of the operation instruction to the corresponding event record.
The calendar component implementation method with the legend and the filtering function, wherein the distinguishing and filtering the event types according to the needs only show one type of events comprises the following steps:
when a certain type of event needs to be checked, receiving a user operation instruction to select a screening and filtering condition of the event needing to be checked;
and according to the screening and filtering conditions, distinguishing the event types and filtering and displaying the events of one type.
A calendar component implementation apparatus with legend and filtering functionality, wherein the apparatus comprises:
the calendar component legend configuration module is used for making the electronic calendar component into a chart component and marking the event type by using a legend to be presented on the component;
the event identification module is used for receiving an operation instruction and marking a note function through a text event below the date;
and the type event display control module is used for distinguishing event types and displaying one type of events in a filtering manner according to the requirement.
The calendar component implementation device with the legend and the filtering function, wherein the calendar component legend configuration module includes:
the packaging unit is used for packaging the calendar component by adopting an vue framework, and integrating the calendar component codes of third-party open sources to realize the presentation of the lunar calendar and the solar calendar;
the setting unit is used for setting a time selection function, configuring a filtering selection frame and a legend in any form in a parent component by using an vue slot mode, realizing a filtering type function in the parent component, and transmitting parameters from event data to the calendar component;
the configuration unit is used for controlling the event data object transmitted by the parent component to contain start, time and date, cssClass, css attribute name, type and event type; the cs style and the legend style corresponding to the event are uniformly configured in the parent component.
The calendar component implementation device with the legend and the filtering function, wherein the event identification module includes:
the receiving unit is used for receiving an operation instruction of a user, setting and storing a corresponding note event in the currently displayed calendar chart component;
the identification unit is used for receiving the color distinguishing identification storage of the operation instruction pair corresponding to the event record;
the type event display control module comprises:
the checking unit is used for receiving a user operation instruction to select the screening and filtering condition of the event to be checked when the event of a certain type needs to be checked;
and the screening unit is used for distinguishing the event types and filtering and displaying one type of event according to the screening and filtering conditions.
A computer device comprising a memory storing a computer program and a processor, wherein the processor when executing the computer program implements the steps of any of the calendar component implementation methods with legend and filtering functionality.
A computer readable storage medium having a computer program stored thereon, wherein the computer program when executed by a processor implements the steps of any of the calendar component implementation methods with legend and filtering functionality.
Compared with the prior art, the embodiment of the invention has the following advantages:
the embodiment of the invention provides a method for realizing a calendar component with a legend and a filtering function based on a map. The invention makes the electronic calendar assembly into a chart assembly, and marks the event type by using a legend to present on the assembly; receiving an operation instruction and marking a note function through a text event below the date; and distinguishing event types and filtering to display events of one type according to needs. An vue framework is adopted to package calendar components, calendar component codes of a third-party open source are collected, the presentation of a lunar calendar and a solar calendar is realized, a basic time selection function is met, a vue slot mode is used, a filtering selection box and a legend in any form can be configured in a parent component, a filtering type function is realized in the parent component, event data is also transmitted to the calendar component from the parent component, an event data object transmitted by the parent component must contain start, time and date, css class, css attribute name and type, and the css style and the legend style corresponding to the event are uniformly configured in the parent component.
The invention makes the calendar component similar to the chart component, marks the presentation mode of the event type on the component by using the legend, and increases the selection box rich function of the filtering type. The method and the device can not only realize the functions of checking the date and supporting the character event mark below the date, but also realize the purposes of distinguishing the event types and filtering the events with only one type, thereby providing convenience for the use of users.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments described in the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a flowchart illustrating a method for implementing a calendar component with a legend and a filtering function according to an embodiment of the present invention.
Fig. 2 is a flowchart illustrating a specific application embodiment of a calendar component implementation method with a legend and a filtering function in an embodiment of the present invention.
Fig. 3 is a structural diagram of a calendar component of a method for implementing a calendar component with a legend and a filtering function according to an embodiment of the present invention.
Fig. 4 is a functional block diagram of a calendar component implementation apparatus with a legend and a filtering function according to an embodiment of the present invention.
Fig. 5 is an internal structural diagram of a computer device in an embodiment of the present invention.
Fig. 6, 7, 8, and 9 are schematic diagrams of a calendar component filtering structure of a calendar component implementation method with an illustration and a filtering function according to an embodiment of the present invention.
Detailed Description
In order to make the technical solutions of the present invention better understood, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
The inventor finds that in the prior art, calendar components which are available or unavailable on the internet can only view the date, or support text event marks below the date, but cannot distinguish the event type and filter the events which only show one type, and sometimes the calendar components are inconvenient for users to use.
In order to solve the above problem, in the embodiment of the present invention, the present invention provides a method for implementing a calendar component with a legend and a filtering function, where an electronic calendar component is made into a graph component, and an event type is marked by using the legend and is presented on the component; receiving an operation instruction and marking a note function through a text event below the date; and distinguishing event types and filtering to display events of one type according to needs. The invention uses the legend to mark the presentation mode of the event type on the component, and increases the rich function of the selection box of the filter type.
Various non-limiting embodiments of the present invention are described in detail below with reference to the accompanying drawings.
Referring to fig. 1, fig. 1 shows a method for implementing a calendar assembly with sample and filtering functions according to an embodiment of the present invention, the method comprising:
s1, making the electronic calendar component into a chart component, and marking the event type by using a legend to present on the component;
wherein the step of making the electronic calendar component into a chart component and using the legend to mark the event type to be presented on the component comprises the steps of:
and packaging calendar components by adopting an vue framework, and gathering third-party open-source calendar component codes to realize the presentation of the lunar calendar and the solar calendar. The encapsulated calendar component is convenient for a user to quote on a plurality of pages, does not need to configure styles on each page, quotes component codes of a third party open source, does not need to do processing by the user, and is convenient for the user to check the holidays of the festivals.
The set time selection function uses vue slot mode, filter selection box and any pattern legend are configured in parent component, the filter type function is realized in parent component, event data is transmitted from parent component to calendar component.
The time selection function provided by the invention, as shown in fig. 6, can be used for viewing calendar years and calendars of each month in the future. And by using an vue slot mode, a filtering selection box and any legend are configured at the parent component, and an event type filtering box and a legend can be configured or not, so that only one calendar control is simply displayed. And the filtering type function is adopted to be realized in the parent component, the event data is transmitted to the calendar component from the parent component, and the data configuration in the parent component is conveniently supported, so that different data can be configured when the component is referred by any page.
The event data object transmitted by the parent component must contain start time and date, cssClass cs attribute name is used for configuring corresponding css style, and type is event type.
The invention adopts the following steps. The cs style and the legend style corresponding to the event are uniformly configured in the parent component; and configuring styles in the parent component, so that different styles can be configured when the same calendar component is referenced in a plurality of pages, and the presented styles can be various.
S2, receiving an operation instruction and marking a note function through a text event below the date;
receiving an operation instruction of a user, setting and storing a corresponding note event in a currently displayed calendar chart component; and receiving the color distinguishing identification storage of the operation instruction to the corresponding event record
And S3, distinguishing the event types and filtering and displaying the events of one type according to the requirements.
Wherein, the distinguishing and filtering the event types according to the needs to show only one type of the events comprises:
when a certain type of event needs to be checked, receiving a user operation instruction to select a screening and filtering condition of the event needing to be checked; according to the screening and filtering conditions, event types are distinguished, one type of events are filtered and displayed, as shown in fig. 3, 7, 8 and 9, a filter frame is provided with three types of selections, namely water diversion, water diversion and water drainage, when water diversion and drainage are selected, all water diversion and drainage events are displayed on a calendar, when water diversion is selected, only historical water diversion and planned water diversion events are displayed on the calendar, when drainage is selected, only historical drainage and planned drainage events are displayed on the calendar, and the events can be subdivided into 5 types, so that how a user selects the events can be seen.
The invention is described in further detail below by means of a specific application example:
in one embodiment, as shown in FIG. 2, a method for implementing a calendar assembly with sample and filtering capabilities in a specific embodiment of the present invention includes the steps of:
the calendar assembly is enclosed with an vue frame, and the vue frame references the enclosed calendar assembly. The encapsulated calendar component is convenient for a user to refer to a plurality of pages, and does not need to configure styles on each page.
A type filter selection box is configured. In the case of the invention, the filter frame is provided with three types of selections, such as water diversion, water diversion and water drainage, when water diversion and drainage are selected, all events of water diversion and drainage are displayed on the calendar, when water diversion is selected, only historical water diversion and planned water diversion events are displayed on the calendar, when drainage is selected, only historical water drainage and planned drainage events are displayed on the calendar, and the selection can be divided into 5 types of selections according to how a user selects.
The configuration legend is convenient for users to distinguish what events are on the calendar;
configuring event data (configuring an event data object, configuring a start time attribute date to display the event in a calendar component, configuring a cssClass attribute to configure an event presentation style of the same type, configuring a type attribute to which the event belongs, and facilitating legend identification);
configuring cs corresponding to the events and a legend cs, wherein the configuration is the same; the styles are configured in the parent component, so that different styles can be configured when the same calendar component is referenced in multiple pages, the presented styles can be various, for example, as shown in fig. 3, the historical drainage events and the historical drainage events are distinguished by using different background colors, and the planned drainage events are distinguished by using different border colors.
Therefore, the embodiment of the invention provides a calendar component implementation method with a legend and a filtering function, an electronic calendar is made to be similar to a chart component, the legend is used for marking the presentation mode of event types on the component, and the rich functions of selection boxes of the filtering types are increased.
In one embodiment, the present invention provides a calendar assembly implementation apparatus with legend and filtering functionality, as shown in fig. 4, the apparatus comprising:
a calendar component legend configuration module 41 for making the electronic calendar component into a chart component, and marking event types with legends to be presented on the component;
the event identification module 42 is used for receiving an operation instruction and marking a note function through a text event below the date;
the type event display control module 43 is configured to differentiate event types and filter and display one type of event as needed, which is specifically described above.
Wherein the calendar component legend configuration module includes:
the packaging unit is used for packaging the calendar component by adopting an vue framework, and integrating the calendar component codes of third-party open sources to realize the presentation of the lunar calendar and the solar calendar;
the setting unit is used for setting a time selection function, configuring a filtering selection frame and a legend in any form in a parent component by using an vue slot mode, realizing a filtering type function in the parent component, and transmitting parameters from event data to the calendar component;
the configuration unit is used for controlling the event data object transmitted by the parent component to contain start, time and date, cssClass, css attribute name, type and event type; the cs style and the legend style corresponding to the event are uniformly configured in the parent component.
Wherein the event identification module comprises:
the receiving unit is used for receiving an operation instruction of a user, setting and storing a corresponding note event in the currently displayed calendar chart component;
the identification unit is used for receiving the color distinguishing identification storage of the operation instruction pair corresponding to the event record;
the type event display control module comprises:
the checking unit is used for receiving a user operation instruction to select the screening and filtering condition of the event to be checked when the event of a certain type needs to be checked;
the screening unit is used for distinguishing event types and filtering and displaying one type of event according to the screening and filtering conditions; as described above.
In one embodiment, the present invention provides a computer device, which may be a terminal, having an internal structure as shown in fig. 5. The computer device includes a processor, a memory, a network interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The network interface of the computer device is used for communicating with an external terminal through a network connection. The computer program is executed by a processor to implement a method of generating a natural language model. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.
Those skilled in the art will appreciate that fig. 5 is a block diagram of only a portion of the structure associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as particular computing devices may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
The embodiment of the invention provides computer equipment, which comprises a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to realize the following steps:
making an electronic calendar component into a chart component, and marking event types by using legends to be presented on the component;
receiving an operation instruction and marking a note function through a text event below the date;
and distinguishing event types and filtering to display events of one type according to needs.
Wherein the step of making the electronic calendar component into a chart component and using the legend to mark the event type to be presented on the component comprises the steps of:
packaging calendar components by adopting an vue framework, and gathering calendar component codes of a third party open source to realize the presentation of the lunar calendar and the solar calendar;
the set time selection function adopts an vue slot mode, a filtering selection frame and a legend in any form are configured in the parent component, the filtering type function is realized in the parent component, and event data transmits parameters from the parent component to the calendar component;
the event data object transmitted by the parent component must contain start, time and date, cssClass, css attribute name, type and event type;
the cs style and the legend style corresponding to the event are uniformly configured in the parent component.
Wherein the step of making the electronic calendar component into a chart component and using the legend to mark the event type to be presented on the component comprises the steps of:
packaging the calendar assembly by adopting an vue frame, wherein the vue frame refers to the packaged calendar assembly;
configuring a type filtering selection box;
a configuration legend;
configuring event data;
the cs configured for the corresponding event is the same as the cs illustrated.
The method for realizing the calendar component with the legend and the filtering function comprises the following steps of receiving an operation instruction and marking a note function through a text event below a date:
receiving an operation instruction of a user, setting and storing a corresponding note event in a currently displayed calendar chart component;
and receiving the color distinguishing identification storage of the operation instruction to the corresponding event record.
The calendar component implementation method with the legend and the filtering function, wherein the distinguishing and filtering the event types according to the needs only show one type of events comprises the following steps:
when a certain type of event needs to be checked, receiving a user operation instruction to select a screening and filtering condition of the event needing to be checked;
according to the screening and filtering conditions, event type distinguishing and filtering displaying of one type of events are carried out; as described above.
In summary, the embodiment of the present invention provides a method for implementing a calendar component with a legend and a filtering function based on a map. The invention makes the electronic calendar assembly into a chart assembly, and marks the event type by using a legend to present on the assembly; receiving an operation instruction and marking a note function through a text event below the date; and distinguishing event types and filtering to display events of one type according to needs. An vue framework is adopted to package calendar components, calendar component codes of a third-party open source are collected, the presentation of a lunar calendar and a solar calendar is realized, a basic time selection function is met, a vue slot mode is used, a filtering selection box and a legend in any form can be configured in a parent component, a filtering type function is realized in the parent component, event data is also transmitted to the calendar component from the parent component, an event data object transmitted by the parent component must contain start, time and date, css class, css attribute name and type, and the css style and the legend style corresponding to the event are uniformly configured in the parent component.
The invention makes the calendar component similar to the chart component, marks the presentation mode of the event type on the component by using the legend, and increases the selection box rich function of the filtering type. The method and the device can not only realize the functions of checking the date and supporting the character event mark below the date, but also realize the purposes of distinguishing the event types and filtering the events with only one type, thereby providing convenience for the use of users. .
The technical features of the above embodiments can be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the above embodiments are not described, but should be considered as the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.

Claims (10)

1. A calendar component implementation method with legend and filtering functions is characterized by comprising the following steps:
making an electronic calendar component into a chart component, and marking event types by using legends to be presented on the component;
receiving an operation instruction and marking a note function through a text event below the date;
and distinguishing event types and filtering to display events of one type according to needs.
2. The method for implementing a calendar component with legend and filtering functions as claimed in claim 1, wherein said step of making an electronic calendar component into a charting component, and said step of using legend to mark event types for presentation on the component comprises:
packaging calendar components by adopting an vue framework, and gathering calendar component codes of a third party open source to realize the presentation of the lunar calendar and the solar calendar;
the set time selection function adopts an vue slot mode, a filtering selection frame and a legend in any form are configured in the parent component, the filtering type function is realized in the parent component, and event data transmits parameters from the parent component to the calendar component;
the event data object transmitted by the parent component must contain start, time and date, cssClass, css attribute name, type and event type;
the cs style and the legend style corresponding to the event are uniformly configured in the parent component.
3. The method for implementing a calendar component with legend and filtering functions as claimed in claim 1, wherein said step of making an electronic calendar component into a charting component, and said step of using legend to mark event types for presentation on the component comprises:
packaging the calendar assembly by adopting an vue frame, wherein the vue frame refers to the packaged calendar assembly;
configuring a type filtering selection box;
a configuration legend;
configuring event data;
the cs configured for the corresponding event is the same as the cs illustrated.
4. The method for implementing a calendar component with legend and filtering functions as claimed in claim 1, wherein said step of receiving operation instructions to mark event recording function by text event under date comprises:
receiving an operation instruction of a user, setting and storing a corresponding note event in a currently displayed calendar chart component;
and receiving the color distinguishing identification storage of the operation instruction to the corresponding event record.
5. The method for implementing a calendar component with legend and filtering functions as recited in claim 1, wherein said distinguishing and filtering event types as needed to expose only one type of events comprises:
when a certain type of event needs to be checked, receiving a user operation instruction to select a screening and filtering condition of the event needing to be checked;
and according to the screening and filtering conditions, distinguishing the event types and filtering and displaying the events of one type.
6. A calendar module implementing apparatus with a legend and filtering functions, the apparatus comprising:
the calendar component legend configuration module is used for making the electronic calendar component into a chart component and marking the event type by using a legend to be presented on the component;
the event identification module is used for receiving an operation instruction and marking a note function through a text event below the date;
and the type event display control module is used for distinguishing event types and displaying one type of events in a filtering manner according to the requirement.
7. The calendar component implementation device with legend and filtering functionality according to claim 6, wherein said calendar component legend configuration module comprises:
the packaging unit is used for packaging the calendar component by adopting an vue framework, and integrating the calendar component codes of third-party open sources to realize the presentation of the lunar calendar and the solar calendar;
the setting unit is used for setting a time selection function, configuring a filtering selection frame and a legend in any form in a parent component by using an vue slot mode, realizing a filtering type function in the parent component, and transmitting parameters from event data to the calendar component;
the configuration unit is used for controlling the event data object transmitted by the parent component to contain start, time and date, cssClass, css attribute name, type and event type; the cs style and the legend style corresponding to the event are uniformly configured in the parent component.
8. The calendar component implementation device with legend and filtering functionality according to claim 6, wherein said event identification module comprises:
the receiving unit is used for receiving an operation instruction of a user, setting and storing a corresponding note event in the currently displayed calendar chart component;
the identification unit is used for receiving the color distinguishing identification storage of the operation instruction pair corresponding to the event record;
the type event display control module comprises:
the checking unit is used for receiving a user operation instruction to select the screening and filtering condition of the event to be checked when the event of a certain type needs to be checked;
and the screening unit is used for distinguishing the event types and filtering and displaying one type of event according to the screening and filtering conditions.
9. A computer device comprising a memory and a processor, said memory storing a computer program, wherein said processor when executing said computer program performs the steps of a calendar component implementation method with legend and filtering functionality according to any of claims 1 to 5.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the calendar component implementation method with legend and filtering functionality of any of claims 1 to 5.
CN201911112779.5A 2019-11-14 2019-11-14 Calendar component implementation method and device, computer equipment and medium Active CN111124400B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911112779.5A CN111124400B (en) 2019-11-14 2019-11-14 Calendar component implementation method and device, computer equipment and medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911112779.5A CN111124400B (en) 2019-11-14 2019-11-14 Calendar component implementation method and device, computer equipment and medium

Publications (2)

Publication Number Publication Date
CN111124400A true CN111124400A (en) 2020-05-08
CN111124400B CN111124400B (en) 2023-08-29

Family

ID=70495831

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911112779.5A Active CN111124400B (en) 2019-11-14 2019-11-14 Calendar component implementation method and device, computer equipment and medium

Country Status (1)

Country Link
CN (1) CN111124400B (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113128174A (en) * 2021-03-18 2021-07-16 深圳震有科技股份有限公司 Vue-based dynamic display processing method and device according to text word number

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101533394A (en) * 2008-03-12 2009-09-16 比亚迪股份有限公司 Method, system and mobile terminal for inquiring calendar events
CN105956820A (en) * 2016-04-22 2016-09-21 珠海格力电器股份有限公司 Method, system and terminal for presenting calendar event schedules
CN105976161A (en) * 2016-04-29 2016-09-28 随身云(北京)信息技术有限公司 Time axis-based intelligent recommendation calendar and user-based presentation method
CN106462834A (en) * 2014-06-20 2017-02-22 微软技术许可有限责任公司 Locating of event on timeline
CN107992494A (en) * 2016-10-26 2018-05-04 阿里巴巴集团控股有限公司 A kind of information providing method and device
CN110088788A (en) * 2016-12-19 2019-08-02 索尼互动娱乐有限责任公司 The personalized calendar of digital media content dependent event

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101533394A (en) * 2008-03-12 2009-09-16 比亚迪股份有限公司 Method, system and mobile terminal for inquiring calendar events
CN106462834A (en) * 2014-06-20 2017-02-22 微软技术许可有限责任公司 Locating of event on timeline
CN105956820A (en) * 2016-04-22 2016-09-21 珠海格力电器股份有限公司 Method, system and terminal for presenting calendar event schedules
CN105976161A (en) * 2016-04-29 2016-09-28 随身云(北京)信息技术有限公司 Time axis-based intelligent recommendation calendar and user-based presentation method
CN107992494A (en) * 2016-10-26 2018-05-04 阿里巴巴集团控股有限公司 A kind of information providing method and device
CN110088788A (en) * 2016-12-19 2019-08-02 索尼互动娱乐有限责任公司 The personalized calendar of digital media content dependent event

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
桑尼君: "VUE也有自己的日历组件" *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113128174A (en) * 2021-03-18 2021-07-16 深圳震有科技股份有限公司 Vue-based dynamic display processing method and device according to text word number
CN113128174B (en) * 2021-03-18 2024-05-07 深圳震有科技股份有限公司 Dynamic display processing method and device based on vue according to text word number

Also Published As

Publication number Publication date
CN111124400B (en) 2023-08-29

Similar Documents

Publication Publication Date Title
JP5270060B2 (en) Method and apparatus for managing data received from medical devices
US8010479B2 (en) Simplifying the creation of user-defined custom elements for use in a graphical modeling application
US20140372919A1 (en) Method, apparatus and mobile terminal for editing an image
CN105988665B (en) Information dubbing system, information duplicating method and electronic equipment
CN103019769A (en) Software start interface control method and mobile terminal
CN105868289B (en) A kind of multimedia courseware generation method and device
CN108762805A (en) A kind of Hybrid Development Frameworks and frame design method based on Cordova and Typescript
CN105204873A (en) Terminal and application interface display method
CN111259644A (en) Rich text processing method, editor, equipment and storage medium
CN108664386A (en) A kind of automated testing method and platform
CN106383641A (en) Exercise screenshot editing method and apparatus
US7342583B2 (en) Automated system and method to develop computer-administered research questionnaires using a virtual questionnaire model
CN110083346A (en) Screening configuration method and device based on data visualization interface
CN109192288A (en) Medicine supply chain electronic contract management method, system and equipment and storage medium
CN107193579B (en) Method and device for realizing planned tasks
CN111124400A (en) Calendar component implementation method and device, computer equipment and medium
US10289388B2 (en) Process visualization toolkit
CN112711731A (en) Data point burying method, device, equipment and storage medium
CN104484195A (en) Authentication card insertion based software interface customization method and system
CN104461547B (en) The arrangement display methods and device of graphical interfaces
US20160072682A1 (en) Device for managing and configuring field devices in an automation installation
CN105718434A (en) Natural language formula editing method and system
CN107608733A (en) Image display method, device and terminal device
CN111427574A (en) Method, device, equipment and medium for realizing automatic page turning and carousel component of list
JP3851030B2 (en) Information processing apparatus and usage history display method

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant