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

权利要求书

1.一种带图例和过滤功能的日历组件实现方法，其特征在于，所述方法包括：

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

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

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

所述将电子日历组件做成图表组件，使用图例标记事件类型在组件上呈现的步骤包括：

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

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

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

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

所述将电子日历组件做成图表组件，使用图例标记事件类型在组件上呈现的步骤包括：

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

配置类型过滤选择框；

配置图例；

配置事件数据；

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

在多个页面引用同一个日历组件自定义配置不同的样式。

2.根据权利要求1所述带图例和过滤功能的日历组件实现方法，其特征在于，所述接收操作指令通过日期下方的文字事件标记记事功能的步骤包括：

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

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

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

当需查看某一类型的事件时，接收用户操作指令选择该需查看事件的筛选过滤条件；

根据所述筛选过滤条件，进行事件类型区分和过滤展示其中一种类型的事件。

4.一种带图例和过滤功能的日历组件实现装置，其特征在于，所述装置包括：

日历组件图例配置模块，用于将电子日历组件做成图表组件，使用图例标记事件类型在组件上呈现；所述日历组件图例配置模块包括：封装单元，用于采用vue框架封装日历组件，集合第三方开源的日历组件代码，实现阴历和阳历的呈现；设置单元，用于设置的时间选择功能，使用vue插槽方式，在父组件配置过滤选择框和任意形式的图例，过滤类型功能在父组件中实现，事件数据从父组件传递参数给日历组件；配置单元，用于控制父组件传递的事件数据对象必须包含start:时间日期，cssClass:css属性名用于配置对应的css样式，type:事件类型；事件对应的css样式和图例样式统一在父组件配置；采用vue框架封装日历组件，vue框架引用封装好的日历组件；配置类型过滤选择框；配置图例；配置事件数据；配置对应事件的css和图例css，配置为一样；在多个页面引用同一个日历组件自定义配置不同的样式；

事件标识模块，用于接收操作指令通过日期下方的文字事件标记记事功能；

类型事件展示控制模块，用于根据需要进行事件类型区分和过滤展示其中一种类型的事件。

5.根据权利要求4所述的带图例和过滤功能的日历组件实现装置，其特征在于，所述事件标识模块包括：

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

标识单元，用于接收操作指令对对应记事事件的颜色区分标识存储；

所述类型事件展示控制模块包括：

查看单元，用于当需查看某一类型的事件时，接收用户操作指令选择该需查看事件的筛选过滤条件；

筛选单元，用于根据所述筛选过滤条件，进行事件类型区分和过滤展示其中一种类型的事件。

6.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至3中任一项所述带图例和过滤功能的日历组件实现方法的步骤。

7.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至3中任一项所述带图例和过滤功能的日历组件实现方法的步骤。