CN111026472A - 日历配置和日期选择的方法、装置、存储介质、电子设备 - Google Patents

Abstract

本申请涉及一种日历配置和日期选择的方法、装置、存储介质、电子设备，该方法包括：调用并配置日历组件，获取当前月份日历，接收月份切换指令，根据月份切换指令和当前月份日历获取目标月份，根据目标月份和日期计算算法获取目标月份日历，将目标月份日历作为当前显示日历，显示当前显示日历，接收日期选择指令，根据日期选择指令从当前显示日历进行日期选择，根据选择的日期执行对应的关联事件。通过本申请的方案在网页中引入日历选择器时只需要开发人员对日历组件按需配置即可，不需要开发人员针对不同网页设计不同的日历组件，提高了开发人员的工作效率。

Description

日历配置和日期选择的方法、装置、存储介质、电子设备

技术领域

本申请涉及计算机技术领域，尤其涉及一种日历配置和日期选择的方法、装置、存储介质、电子设备。

背景技术

随着互联网的发展，在移动网页的实际开发和应用中，利用日历选择器或日历组件来选择日期的需求非常频繁。但是现有技术中，大部分日历选择器是基于PC端开发的，并不适用移动网页，使得开发人员在移动网页引用日历选择器时需要针对每种实际应用场景开发一款日历选择器，门槛较高且工作繁琐，大大降低了开发人员的工作效率。

发明内容

为了解决上述技术问题，本申请实施例提供了一种日历配置和日期选择的方法、装置、存储介质、电子设备。

第一方面，本申请实施例提供了一种日历配置和日期选择的方法，该方法包括：

调用并配置日历组件；

获取当前月份日历；

接收月份切换指令，根据月份切换指令和当前月份日历获取目标月份，根据目标月份和日期计算算法获取目标月份日历，将目标月份日历作为当前显示日历；

显示当前显示日历；

接收日期选择指令，根据日期选择指令从当前显示日历进行日期选择；

根据选择的日期执行对应的关联事件。

可选地，该调用并配置日历组件包括：

根据应用场景定义日历组件的日期选择类型，其中，日期选择类型包括：单日期选择、区间日期选择；

定义对日历组件对应的日历界面进行月份切换时的切换动作；

其中，切换动作与月份切换指令对应，日历界面用于显示当前显示日历；

根据日历组件的日期选择类型，定义选择的日期对应的关联事件，选择的日期包括单日期或区间日期。

可选地，调用并配置日历组件还包括：

定义日历组件的初始化日期，使日历组件根据初始化日期计算并获取目标月份日历，初始化日期为当前服务器日期或当前本地日期。

可选地，调用并配置日历组件还包括：

定义日历组件对应的日历界面是否可隐藏；

当日历组件对应的日历界面可隐藏时，定义日历组件对应的日历界面显示时的出场动画。

可选地，定义对日历组件对应的日历界面进行月份切换时的切换动作，包括：

当从日历组件对应的日历界面的当前月份日历切换到下一月份日历时，定义对应的切换动作为上拉或左滑或下拉框选择；

当从日历组件对应的日历界面的当前月份日历切换到上一月份日历时，定义对应的切换动作为下拉或右滑或下拉框选择。

可选地，获取当前月份日历，包括：

接收触发指令，根据触发指令获取初始化日期，根据初始化日期和日期计算算法获取当前月份日历，初始化日期为当前服务器日期或当前本地日期。

可选地，显示当前显示日历，包括：

按照预设的出场动画生成并显示当前显示日历对应的日历界面。

第二方面，本申请实施例提供了一种日历配置和日期选择的装置，该装置包括：

配置模块，用于调用并配置日历组件；

日历生成模块，用于获取当前月份日历；

日历生成模块，还用于接收月份切换指令，根据月份切换指令和当前月份日历获取目标月份，根据目标月份和日期计算算法获取目标月份日历，将目标月份日历作为当前显示日历；

显示模块，用于显示当前显示日历；

日期选择模块，用于接收日期选择指令，根据日期选择指令从当前显示日历进行日期选择；

执行模块，用于根据选择的日期执行对应的关联事件。

第三方面，本申请实施例提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时，使得处理器执行如前面任一项的方法的步骤。

第四方面，本申请实施例提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时执行如前面所述任一项的方法的步骤。

本申请实施例提供的上述技术方案与现有技术相比具有如下优点：

本申请实施例的技术方案根据实际应用场景对日历组件进行调用并配置以应用在移动网页端，开发人员只需要配置好日历组件，在对应的移动网页上即可引用具有相应功能的日历组件，不需要开发人员根据不同的需求开发新的日历组件，提高了开发人员的工作效率，简单、高效，减少了代码量，实现了日历组件的重用。调用并配置日历组件时，能根据实际应用场景和需求设置单日期选择或区间日期选择使日历组件在移动网页端更实用；能根据需要设置不同的关联事件使日历组件适用范围更广；能设置日历界面的出场动画使日历界面更美观；能设置初始化日期，实现了初始化日期全网统一化，在特定应用场景有效避免了用户作弊；能定义日历界面是否隐藏，以兼容不同的移动网页界面。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为一个实施例提供的一种日历配置和日期选择的方法的流程示意图；

图2为一个实施例提供的一种日历配置和日期选择的装置的结构框图；

图3为一个实施例提供的电子设备的内部结构图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。

图1为一个实施例提供的一种日历配置和日期选择的方法的流程示意图。该方法包括以下步骤：

S100：调用并配置日历组件。

具体地，开发人员通过对移动网页的常规功能的调研与分析，设计出的日历组件可满足各种功能需求的移动网页。开发人员在移动网页使用日历组件时只需要根据实际需求对该日历组件的功能进行配置，即可使配置后的日历组件满足移动网站的设计需求。例如：在有的移动网页需要选择区间日期然后回填到对应的文本框，才能执行下一步；而有的移动网页只需要选择单日期即可执行该单日期对应的关联事件。因此，开发人员只需要在调用该日历组件时根据实际需求对该日历组件的日期选择类型进行配置即可，不需要重新编写代码来设计日历组件。有效的减少了开发人员的代码量，同时通过配置该日历组件可以配置出多种不同的日历选择器。

开发好的日历控件具有多种控制属性，例如有10个控制属性，但是在有的应用场景可能只会用到5个控制属性，因此开发人员只需要配置需要用到的5个控制属性即可，其他没有用到的控制属性可以不进行配置即选择不使用。

S200：获取当前月份日历。

具体地，在初始使用移动网页的日历选择器时默认的日历是当前月份日历。当前月份可以以本地日期为准，也可以以服务器日期为准。

S300：接收月份切换指令，根据月份切换指令和当前月份日历获取目标月份，根据目标月份和日期计算算法获取目标月份日历，将目标月份日历作为当前显示日历。

具体地，当接收到用户从当前月份切换到其他月份的指令时，会计算出目标月份的日历，当前显示日历就由当前月份日历切换到了目标月份日历。每个月份的日历包括该月第一天到最后一天的全部日期，每个日期还可以对应各自的星期、农历日、节假日等但不局限于此。

S400：显示当前显示日历。

具体地，当计算出目标月份日历后会将目标月份日历对应的日历界面或日历窗口显示在移动网页的前端界面。

S500：接收日期选择指令，根据日期选择指令从当前显示日历进行日期选择。

具体地，接收用户的日期选择指令，在当前显示日历上可以选择出对应的日期。

S600：根据选择的日期执行对应的关联事件。

具体地，配置日历组件时配置了选择的日期对应的关联事件，当选择好日期后，会进行下一步操作以执行对应的关联事件。关联事件可以根据实际应用场景由开发人员自行配置。例如：在单日期选择中，可以配置每个单日期的关联事件为调出该单日期对应的新闻消息；在区间日期选择中，可以配置每个区间日期的关联事件为将该区间日期回填到对应的文本框以作为其他事件的触发条件或筛选条件。

在一个实施例中，调用并配置日历组件包括：

根据应用场景定义日历组件的日期选择类型，其中，日期选择类型包括：单日期选择、区间日期选择。

具体地，当应用场景为例如购买火车票，需要设置起始日期和截止日期，购票网页就会筛选出起始日期到截止日期之间的可获得的车票，以供用户挑选。当然，当用户需要选择某一天时，也可以将起始日期和截止日期设置为相同日期。此应用场景的日期选择类型需要配置为区间日期选择。

当应用场景为例如预约办事，只能预约某一天，虽然选择区间日期选择也能实现预约某一天，但是配置日历组件的日期选择类型为单日期选择会更方便用户，同时使网页设计更简洁。

该日历组件的日期选择类型有多种选择，开发人员根据具体的应用场景选择其中一个日期选择类型进行配置即可定义应用在某个移动网页上的日历选择器的日期选择类型。其中，对日历组件进行配置后应用于移动网页并进行设计和渲染的日历组件为该网页的日历选择器。

定义对日历组件对应的日历界面进行月份切换时的切换动作；其中，切换动作与月份切换指令对应，日历界面用于显示当前显示日历。

具体地，要从当前显示日历对应的日历界面切换到目标月份日历对应的日历界面需要获取用户的切换动作。配置该日历组件时，开发人员可以选择切换动作，例如分别配置切换到上个月的切换动作和切换到下个月的切换动作。

在一个实施例中，定义对日历组件对应的日历界面进行月份切换时的切换动作，包括：

当从日历组件对应的日历界面的当前月份日历切换到下一月份日历时，定义对应的切换动作为上拉或左滑或下拉框选择；

当从日历组件对应的日历界面的当前月份日历切换到上一月份日历时，定义对应的切换动作为下拉或右滑或下拉框选择。

当然切换动作不仅仅局限于此，在开发日历组件时可以设置更多选项供开发人员选择配置。

根据日历组件的日期选择类型，定义选择的日期对应的关联事件，选择的日期包括单日期或区间日期。

具体地，当为区间日期时可以定义选择的日期对应的关联事件为将选择的日期回填到对应的文本框，以作为下一步事件的触发条件或筛选条件。当为单日期时可以定义选择的日期对应的关联事件为作为下一步事件的筛选条件并筛选出该选择的日期对应的结果。例如筛选出该选择的日期的新闻消息。

在一个实施例中，调用并配置日历组件还包括：定义日历组件的初始化日期，使日历组件根据初始化日期计算并获取目标月份日历，初始化日期为当前服务器日期或当前本地日期。

具体地，当前本地日期是移动网页所在的本地根据本地用户主观方面自行调节设置的，而当前服务器日期则更加客观地反应当前的全网统一日期，因此在对日期比较敏感的应用场景，将初始化日期配置为当前服务器日期更加客观真实，有效避免了用户作弊。例如当前服务器日期为2000年1月1日，当前本地日期为2000年1月2日，实际上当前服务器日期2000年1月1日更可能为全网统一的日期。因此在某些应用场景配置日历组件时很有必要将当前服务器日期作为初始化日期。而在某些应用场景对于是否为当前服务器日期不是强制要求，则可以选择当前本地日期作为初始化日期。

在一个实施例中，调用并配置日历组件还包括：

定义日历组件对应的日历界面是否可隐藏。

具体地，开发人员可以根据实际应用场景定义日历界面是否可隐藏以配合移动网页的设计。例如：在某些移动网页，日历界面只在需要选择日期的时候显示出来，在不需要的时候可以折叠隐藏，使移动网页更加简洁。而在有些移动网页，需要频繁选择日期，可以设置日历界面在需要时始终显示，在不需要时折叠。

当日历组件对应的日历界面可隐藏时，定义日历组件对应的日历界面显示时的出场动画。

具体地，当日历界面可隐藏时，可配置日历组件对应的日历界面在显示时的出场动画和/或在隐藏时的出场动画。出场动画可以为淡入、淡出、滑入、滑出、弹跳、旋转、缩放等等但不局限于此。在开发日历组件时可预设多种出场动画供配置日历组件时选择，以丰富移动网页的设计效果。

在一个实施例中，获取当前月份日历，包括：

接收触发指令，根据触发指令获取初始化日期，根据初始化日期和日期计算算法获取当前月份日历，初始化日期为当前服务器日期或当前本地日期。

在一个实施例中，显示当前显示日历，包括：

按照预设的出场动画生成并显示当前显示日历对应的日历界面。

配置好日历组件的出场动画后，在接收用户指令显示当前显示日历时，会根据预设的出场动画生成当前显示日历对应的日历界面，当完整的生成日历界面后会显示该日历界面。

开发日历组件时可以开发各种不同的功能，使日历组件有丰富的配置选项可选择，在调用该日历组件时开发人员可以根据实际需要选择配置该日历组件以适用移动网页。不同的配置可以生成不同的配置效果，因此该日历组件可以适用于各种不同的移动网页，开发人员也不需要针对每种移动网页开发新的日历组件，只需要简单配置即可。

图2为一个实施例提供的一种日历配置和日期选择的装置的结构框图。参考图2，该装置包括：

配置模块10，用于调用并配置日历组件。

日历生成模块20，用于获取当前月份日历。

日历生成模块20，还用于接收月份切换指令，根据月份切换指令和当前月份日历获取目标月份，根据目标月份和日期计算算法获取目标月份日历，将目标月份日历作为当前显示日历。

显示模块30，用于显示当前显示日历。

日期选择模块40，用于接收日期选择指令，根据日期选择指令从当前显示日历进行日期选择。

执行模块50，用于根据选择的日期执行对应的关联事件。

在一个实施例中，该日历组件可以基于Vue开发，在开发时可以为该日历组件的每个控制属性绑定控制类，实现一系列具体功能的封装，在配置日历控件时，通过添加控制类来决定是否添加对应的控制属性，以实现按需配置日历控件以适用对应的应用场景。通过控制类来封装一系列功能，可以使日历控件的配置更加清楚明了，不需要开发人员了解复杂的代码，即可实现日历控件的配置。通过此方案，可以实现日历组件的重用，大大减少代码量，提高了开发人员的工作效率。

图3为一个实施例提供的电子设备的内部结构图。参考图3，该电子设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中，存储器包括非易失性存储介质和内存储器。该电子设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现日历配置和日期选择的方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行日历配置和日期选择的方法。电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏，电子设备的输入装置可以是显示屏上覆盖的触摸层，也可以是电子设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本申请实施例的技术方案根据实际应用场景对日历组件进行调用并配置以应用在移动网页端，开发人员只需要配置好日历组件，在对应的移动网页上即可引用具有相应功能的日历组件，不需要开发人员根据不同的需求开发新的日历组件，提高了开发人员的工作效率，简单、高效，减少了代码量，实现了日历组件的重用。调用并配置日历组件时，能根据实际应用场景和需求设置单日期选择或区间日期选择使日历组件在移动网页端更实用；能设置关联事件使日历组件适用范围更广；能设置日历界面的出场动画使日历界面更美观；能设置初始化日期，实现了初始化日期全网统一化，在特定应用场景有效避免了用户作弊；能定义日历界面是否隐藏，以兼容不同的移动网页界面。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本发明的具体实施方式，使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种日历配置和日期选择的方法，其特征在于，所述方法包括：

调用并配置日历组件；

获取当前月份日历；

接收月份切换指令，根据所述月份切换指令和当前月份日历获取目标月份，根据所述目标月份和日期计算算法获取目标月份日历，将所述目标月份日历作为当前显示日历；

显示所述当前显示日历；

接收日期选择指令，根据所述日期选择指令从所述当前显示日历进行日期选择；

根据选择的日期执行对应的关联事件。

2.根据权利要求1所述的方法，其特征在于，所述调用并配置日历组件包括：

根据应用场景定义日历组件的日期选择类型，其中，所述日期选择类型包括：单日期选择、区间日期选择；

定义对所述日历组件对应的日历界面进行月份切换时的切换动作；

其中，所述切换动作与所述月份切换指令对应，所述日历界面用于显示所述当前显示日历；

根据所述日历组件的日期选择类型，定义选择的日期对应的关联事件，所述选择的日期包括单日期或区间日期。

3.根据权利要求2所述的方法，其特征在于，所述调用并配置日历组件还包括：

定义所述日历组件的初始化日期，使所述日历组件根据所述初始化日期计算并获取目标月份日历，所述初始化日期为当前服务器日期或当前本地日期。

4.根据权利要求3所述的方法，其特征在于，所述调用并配置日历组件还包括：

定义所述日历组件对应的日历界面是否可隐藏；

当所述日历组件对应的日历界面可隐藏时，定义所述日历组件对应的日历界面显示时的出场动画。

5.根据权利要求4所述的方法，其特征在于，所述定义对所述日历组件对应的日历界面进行月份切换时的切换动作，包括：

当从所述日历组件对应的日历界面的当前月份日历切换到下一月份日历时，定义对应的切换动作为上拉或左滑或下拉框选择；

当从所述日历组件对应的日历界面的当前月份日历切换到上一月份日历时，定义对应的切换动作为下拉或右滑或下拉框选择。

6.根据权利要求5所述的方法，其特征在于，所述获取当前月份日历，包括：

接收触发指令，根据所述触发指令获取初始化日期，根据所述初始化日期和日期计算算法获取当前月份日历，所述初始化日期为当前服务器日期或当前本地日期。

7.根据权利要求6所述的方法，其特征在于，所述显示所述当前显示日历，包括：

按照预设的出场动画生成并显示所述当前显示日历对应的日历界面。

8.一种日历配置和日期选择的装置，其特征在于，所述装置包括：

配置模块，用于调用并配置日历组件；

日历生成模块，用于获取当前月份日历；

所述日历生成模块，还用于接收月份切换指令，根据所述月份切换指令和当前月份日历获取目标月份，根据所述目标月份和日期计算算法获取目标月份日历，将所述目标月份日历作为当前显示日历；

显示模块，用于显示所述当前显示日历；

日期选择模块，用于接收日期选择指令，根据所述日期选择指令从所述当前显示日历进行日期选择；

执行模块，用于根据选择的日期执行对应的关联事件。

9.一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时，使得所述处理器执行如权利要求1-7任一项所述的方法的步骤。

10.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时执行如权利要求1-7任一项所述的方法的步骤。

Images