[发明专利]日历组件实现方法及装置、计算机设备、介质

说明书

本申请涉及日历组件实现方法及装置、计算机设备、介质，方法包括：将电子日历组件做成图表组件，使用图例标记事件类型在组件上呈现；接收操作指令通过日期下方的文字事件标记记事功能；根据需要进行事件类型区分和过滤展示其中一种类型的事件。本发明将日历组件做成类似于图表组件，使用图例标记事件类型在组件上的呈现方式，增加过滤类型的选择框丰富功能。不仅能实现查看日期，以及在日期下方支持文字事件标记的功能，还能实现区分事件类型和过滤只展示一种类型的事件，为用户的使用提供了方便。

技术领域

本申请涉及电子日历组件技术领域，特别是涉及一种带图例和过滤功能的日历组件实现方法及装置、计算机设备、可读存储介质。

背景技术

随着电子技术的发展和人们生活水平的不断提高，各种电子终端使用越来越普及，人们都喜欢用电子终端查看日历，并有时会有电子日历上标注一些日程事项。

现有技术中在网上找到的开源或者不开源的日历组件都只能查看日期，或者是在日期下方支持文字事件标记，但无法区分事件类型和过滤只展示一种类型的事件，有时不方便用户使用。

因此，现有技术有待改进。

发明内容

本发明要解决的技术问题是，提供一种带图例和过滤功能的日历组件实现方法及装置、计算机设备、可读存储介质，本发明将日历组件做成类似于图表组件，使用图例标记事件类型在组件上的呈现方式，增加过滤类型的选择框丰富功能。不仅能实现查看日期，以及在日期下方支持文字事件标记的功能，还能实现区分事件类型和过滤只展示一种类型的事件，为用户的使用提供了方便。

一种带图例和过滤功能的日历组件实现方法，其中，所述方法包括：

将电子日历组件做成图表组件，使用图例标记事件类型在组件上呈现；

接收操作指令通过日期下方的文字事件标记记事功能；

根据需要进行事件类型区分和过滤展示其中一种类型的事件。

所述带图例和过滤功能的日历组件实现方法，其中，所述将电子日历组件做成图表组件，使用图例标记事件类型在组件上呈现的步骤包括：

采用vue框架封装日历组件，集合第三方开源的日历组件代码，实现阴历和阳历的呈现；

设置的时间选择功能，使用vue插槽方式，在父组件配置过滤选择框和任意形式的图例，过滤类型功能在父组件中实现，事件数据从父组件传递参数给日历组件；

父组件传递的事件数据对象必须包含start:时间日期，cssClass:css属性名用于配置对应的css样式，type:事件类型；

事件对应的css样式和图例样式统一在父组件配置。

所述带图例和过滤功能的日历组件实现方法，其中，所述将电子日历组件做成图表组件，使用图例标记事件类型在组件上呈现的步骤包括：

采用vue框架封装日历组件，vue框架引用封装好的日历组件；

配置类型过滤选择框；

配置图例；

配置事件数据；

配置对应事件的css和图例css，配置为一样。

所述带图例和过滤功能的日历组件实现方法，其中，所述接收操作指令通过日期下方的文字事件标记记事功能的步骤包括：

接收用户的操作指令，在当前显示的日历图表组件中设置对应的记事事件并存储；

以及接收操作指令对对应记事事件的颜色区分标识存储。

所述带图例和过滤功能的日历组件实现方法，其中，所述根据需要进行事件类型区分和过滤只展示其中一种类型的事件包括：