CN115309488A - 时间选择器生成方法、装置、设备及介质 - Google Patents

Abstract

本公开提供了一种时间选择器生成方法，可以应用于计算机技术领域。该方法包括：响应于时间选择器生成请求，获取时间选择器生成请求中携带的目标选择器参数和选择器标识；基于选择器标识，从容器库中确定目标选择器容器；基于目标选择器容器，在显示界面上生成初始选择器组件；以及将目标选择器参数加载到目标选择器容器中，以利用目标选择器容器对初始选择器组件进行渲染，得到目标时间选择器。此外，本公开还提供了一种时间选择器生成装置、设备和存储介质。

Description

时间选择器生成方法、装置、设备及介质

技术领域

本公开涉及计算机技术领域和金融领域，更具体地，涉及一种时间选择器生成方法、时间选择器生成装置、电子设备和存储介质。

背景技术

随着数据的价值日益体现，越来越多的用户希望通过数据分析的结果来辅助自己作出判断和决策。在数据分析过程中，维度代表用户分析数据的视角，其中，时间作为最常用的维度之一，出现在大多数数据分析场景中。

在相关技术中，时间选择器常被用于选择一个特点的时间点或者一段时间范围。但随着数据量的升级和时间跨度的增大，数据分析过程中时间筛选场景逐步复杂起来，相关技术中的时间选择器因其通用性差、灵活性差的问题，已无法满足高度定制化的时间选择场景的需要。

发明内容

有鉴于此，本公开提供了一种时间选择器生成方法、一种时间选择器生成装置、一种电子设备、一种可读存储介质和一种计算机程序产品。

本公开的一个方面提供了一种时间选择器生成方法，包括：响应于时间选择器生成请求，获取上述时间选择器生成请求中携带的目标选择器参数和选择器标识；基于上述选择器标识，从容器库中确定目标选择器容器；基于上述目标选择器容器，在显示界面上生成初始选择器组件；以及将上述目标选择器参数加载到上述目标选择器容器中，以利用上述目标选择器容器对上述初始选择器组件进行渲染，得到目标时间选择器。

根据本公开的实施例，上述初始选择器组件包括文本框组件和下拉框组件，上述目标选择器参数包括目标回显参数、目标筛选面板数组和目标按键配置参数；其中，上述利用上述目标选择器容器对上述初始选择器组件进行渲染，得到目标时间选择器，包括：基于上述目标筛选面板数组，确定与上述目标选择器容器关联的目标筛选面板；基于上述目标回显参数配置上述文本框组件的回显内容；以及基于上述目标按键配置参数和上述目标筛选面板，对上述下拉框组件进行渲染。

根据本公开的实施例，上述下拉框组件包括第一操作区、第二操作区和展示区，其中，上述展示区包括展示面板，上述展示面板的数量与上述目标筛选面板的数量相等；其中，上述基于上述目标按键配置参数和上述目标筛选面板，对上述下拉框组件进行渲染，包括：基于上述目标按键配置参数，在上述第一操作区中渲染生成操作按键；基于上述目标筛选面板的数量，在上述第二操作区中渲染生成切换按键，其中，上述切换按键与上述展示面板相关；确定上述目标筛选面板的目标面板类型；以及基于上述目标筛选面板的目标面板类型，将上述目标筛选面板渲染在上述展示面板上。

根据本公开的实施例，上述方法还包括：响应于监听到鼠标移入事件，确定上述第二操作区中与上述鼠标移入事件关联的目标切换按键，其中，上述鼠标移入事件表征为用户将鼠标移动至上述目标切换按键；以及将上述展示区的展示面板切换为与上述目标切换按键相关的目标展示面板。

根据本公开的实施例，上述方法还包括：响应于上述用户针对上述目标展示面板的点击操作，生成至少一个时间节点；以及基于与上述目标展示面板相关的筛选面板的面板类型和数据类型，调整上述文本框组件内的回显内容。

根据本公开的实施例，上述目标筛选面板数组的元素表征为目标筛选面板标识；上述基于上述目标筛选面板数组，确定与上述目标选择器容器关联的目标筛选面板，包括：通过预设接口，获取多个筛选面板，其中，上述筛选面板具有筛选面板标识；以及将上述目标筛选面板标识与多个上述筛选面板的筛选面板标识进行匹配，以从多个上述筛选面板中确定上述目标筛选面板。

根据本公开的实施例，上述方法还包括：接收用户的筛选面板配置操作，其中，上述筛选面板配置操作中携带有面板类型、数据类型和标签；以及将上述面板类型、上述数据类型和上述标签加载到初始筛选面板对象中，得到上述筛选面板。

根据本公开的实施例，上述方法还包括：响应于选择器容器生成请求，获取上述选择器容器生成请求中携带的选择器参数，其中，上述选择器参数包括回显参数、筛选面板数组和按键配置参数；创建初始文本框组件和初始下拉框组件；基于上述筛选面板数组和上述按键配置参数，配置上述初始下拉框组件的结构；基于上述回显参数和上述筛选面板数组，配置上述初始文本框组件的回显逻辑；基于完成配置的初始文本框组件和完成配置的初始下拉框组件，生成选择器容器；以及将上述选择器容器存入上述容器库。

本公开的另一个方面提供了一种时间选择器生成装置，包括：第一获取模块，用于响应于时间选择器生成请求，获取上述时间选择器生成请求中携带的目标选择器参数和选择器标识；第一确定模块，用于基于上述选择器标识，从容器库中确定目标选择器容器；第一生成模块，用于基于上述目标选择器容器，在显示界面上生成初始选择器组件；以及第一处理模块，用于将上述目标选择器参数加载到上述目标选择器容器中，以利用上述目标选择器容器对上述初始选择器组件进行渲染，得到目标时间选择器。

本公开的另一方面提供了一种电子设备，包括：一个或多个处理器；存储器，用于存储一个或多个指令，其中，当上述一个或多个指令被上述一个或多个处理器执行时，使得上述一个或多个处理器实现如上所述的方法。

本公开的另一方面提供了一种计算机可读存储介质，存储有计算机可执行指令，上述指令在被执行时用于实现如上所述的方法。

本公开的另一方面提供了一种计算机程序产品，上述计算机程序产品包括计算机可执行指令，上述指令在被执行时用于实现如上所述的方法。

根据本公开的实施例，选择器容器可以根据用户输入的容器参数进行预先配置，在生成时间选择器时，可以根据请求中携带的时间选择器标识，从容器库中确定目标选择器容器，再将请求中携带的目标选择器参数加载到该目标选择器容器中，以便于该目标选择器容器利用该目标选择器参数对显示界面上的初始选择器组件进行渲染，从而实现目标时间选择器在该显示界面的生成。通过上述技术手段，至少部分地克服了相关技术中存在的时间选择器通用性差、灵活性差的技术问题，有效提升了时间选择器配置的灵活性，满足了多元化、复杂化、定制化的时间维度选择场景的需求。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：

图1示意性示出了根据本公开实施例的可以应用时间选择器生成方法和装置的示例性***架构。

图2示意性示出了根据本公开实施例的时间选择器生成方法的流程图。

图3示意性示出了根据本公开实施例的选择器容器生成方法的流程图。

图4示意性示出了根据本公开实施例的筛选面板生成方法的流程图。

图5示意性示出了根据本公开实施例的初始选择器组件的示意图。

图6A示意性示出了根据本公开实施例的目标时间选择器的示意图。

图6B示意性示出了根据本公开实施例的切换后的目标时间选择器的示意图。

图7示意性示出了根据本公开另一实施例的目标时间选择器的示意图。

图8示意性示出了根据本公开的实施例的时间选择器生成装置的框图。

图9示意性示出了根据本公开实施例的适于实现时间选择器生成方法的电子设备的框图。

具体实施方式

以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。在下面的详细描述中，为便于解释，阐述了许多具体的细节以提供对本公开实施例的全面理解。然而，明显地，一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

在使用类似于“A、B和C等中”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中的***”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的***等)。在使用类似于“A、B或C等中”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中的***”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的***等)。

随着数据的价值日益体现，越来越多的用户希望通过数据分析的结果来辅助自己作出判断和决策。在数据分析过程中，维度代表用户分析数据的视角，其中，时间作为最常用的维度之一，出现在大多数数据分析场景中。

在相关技术中，时间选择器常被用于选择一个特点的时间点或者一段时间范围。在相关技术中，市面上存在很多的时间选择组件或者日期选择组件，例如，基于UI设计框架实现的时间选择器、浏览器原生实现的日期选择器等。相关技术中实现日期时间选择器的方式主要依赖于用户在使用时定义并传入枚举变量，在组件内部匹配，进而渲染展示出预设好的不同类型的选择器中的某一种。

随着数据量的升级和时间跨度的增大，数据分析过程中时间筛选场景逐步复杂起来。对于相关技术中的日期时间选择器，由于其内部已经定义好的枚举值是有限的，因而其场景覆盖度是有限的；对于日期时间选择器使用者而言，只能通过配置项传入合法的一种枚举值，因而用户无法实现定制化的使用。

例如，在流量统计场景下，用户对于流量统计的时间维度需求是多样的，在电商大促的某一天，用户希望看见某一天的流量统计情况；在月末，用户希望看见这个月的流量情况；甚至是在某一周、某个季度、某一年等，用户都希望看见该时间维度下的数据统计。在此类复杂且变化性强的场景下，相关技术中的时间选择器无法实现所有时间维度的覆盖。因此，相关技术中没有一种通用的、简洁的、配置化方案，能够覆盖复杂的，高度定制化的日期时间选择场景。

有鉴于此，本公开的实施例提供了一种时间选择器生成方法，运行用户通过配置化的手段，传入需要渲染的选择器面板，并在容器内渲染出来，从而使得生成的时间选择器避免了相关技术中以枚举方式判断选择器类型的局限性，满足了多元化、复杂化、定制化的时间维度选择需求，补齐了相关技术中在复杂且定制化场景下快速进行时间维度选择能力的缺失。

具体地，本公开的实施例提供了一种时间选择器生成方法、装置、电子设备、可读存储介质和计算机程序产品。其中，该方法包括：响应于时间选择器生成请求，获取时间选择器生成请求中携带的目标选择器参数和选择器标识；基于选择器标识，从容器库中确定目标选择器容器；基于目标选择器容器，在显示界面上生成初始选择器组件；以及，将目标选择器参数加载到目标选择器容器中，以利用目标选择器容器对初始选择器组件进行渲染，得到目标时间选择器。

需要说明的是，本公开实施例中的流程图所示的操作除非明确说明不同操作之间存在执行的先后顺序，或者不同操作在技术实现上存在执行的先后顺序，否则，多个操作之间的执行顺序可以不分先后，多个操作也可以同时执行。

图1示意性示出了根据本公开实施例的可以应用时间选择器生成方法和装置的示例性***架构。需要注意的是，图1所示仅为可以应用本公开实施例的***架构的示例，以帮助本领域技术人员理解本公开的技术内容，但并不意味着本公开实施例不可以用于其他设备、***、环境或场景。

如图1所示，根据该实施例的***架构100可以包括终端设备101、102、103，网络104和服务器105。

终端设备101、102、103可以是具有显示屏的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等。用户可以通过在终端设备101、102、103上进行信息输入，从而直接或间接地发起时间选择器生成请求，最终生成的目标时间选择器可以展示在终端设备101、102、103的显示屏上。

网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线和/或无线通信链路等。

服务器105可以是提供各种服务的服务器，例如对用户利用终端设备101、102、103发起的时间选择器生成请求提供支持的后台管理服务器。后台管理服务器可以对该请求进行响应，调用相关的容器和静态资源来生成目标时间选择器，并将生成后的目标时间选择器反馈给终端设备。

需要说明的是，本公开实施例所提供的时间选择器生成方法一般可以由服务器105执行。相应地，本公开实施例所提供的时间选择器生成装置一般可以设置于服务器105中。本公开实施例所提供的时间选择器生成方法也可以由不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群执行。相应地，本公开实施例所提供的时间选择器生成装置也可以设置于不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群中。或者，本公开实施例所提供的时间选择器生成方法也可以由终端设备101、102、或103执行，或者也可以由不同于终端设备101、102、或103的其他终端设备执行。相应地，本公开实施例所提供的时间选择器生成装置也可以设置于终端设备101、102、或103中，或设置于不同于终端设备101、102、或103的其他终端设备中。

例如，终端设备101可以响应于用户的信息输入操作，生成时间选择器生成请求，并在本地执行本公开实施例所提供的时间选择器生成方法，以生成目标时间选择器。或者，终端设备101可以将该请求发送到其他终端设备、服务器、或服务器集群，并由接收该待请求的其他终端设备、服务器、或服务器集群来执行本公开实施例所提供的时间选择器生成方法，之后，接收该待请求的其他终端设备、服务器、或服务器集群可以将生成的目标时间选择器返回值终端设备101。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

图2示意性示出了根据本公开实施例的时间选择器生成方法的流程图。

如图2所示，该方法包括操作S201～S204。

在操作S201，响应于时间选择器生成请求，获取时间选择器生成请求中携带的目标选择器参数和选择器标识。

在操作S202，基于选择器标识，从容器库中确定目标选择器容器。

在操作S203，基于目标选择器容器，在显示界面上生成初始选择器组件。

在操作S204，将目标选择器参数加载到目标选择器容器中，以利用目标选择器容器对初始选择器组件进行渲染，得到目标时间选择器。

根据本公开的实施例，时间选择器生成请求可以是根据用户在终端设备上的信息输入操作直接或间接地生成的。例如，用户在手机上的手机营业厅客户端进行5G流量开销查询时，该客户端应用可以根据该查询行为，生成时间选择器生成请求，从而在手机显示界面上生成一个时间选择器，以便于用户选定查询时段。

根据本公开的实施例，目标选择器参数可以根据具体应用场景进行设置，例如，可以根据应用场景中对于时间维度的需求来设置该目标选择器参数，在此不作限定。在一些实施例中，目标选择器参数可以与创建选择器容器时所使用的参数相匹配。

根据本公开的实施例，选择器标识可以是用于唯一识别选择器容器的标识。选择器标识可以表征为一个字符串或一组数字，其表现形式在此不作限定。

根据本公开的实施例，容器库可以用于存储和管理选择器容器。容器库可以是容器引擎，例如docker(应用容器引擎)、kubernetes(容器集群管理***)等，也可以是用于存放选择器容器的存储介质，如代码库、数据库等，在此不作限定。

根据本公开的实施例，目标选择器容器可以具有对应的组件模板，该组件模板可以用于表示基于该目标选择器容器生成的初始选择器组件中包含的组件的种类、数量及位置关系。

根据本公开的实施例，选择器容器可以根据用户输入的容器参数进行预先配置，在生成时间选择器时，可以根据请求中携带的时间选择器标识，从容器库中确定目标选择器容器，再将请求中携带的目标选择器参数加载到该目标选择器容器中，以便于该目标选择器容器利用该目标选择器参数对显示界面上的初始选择器组件进行渲染，从而实现目标时间选择器在该显示界面的生成。通过上述技术手段，至少部分地克服了相关技术中存在的时间选择器通用性差、灵活性差的技术问题，有效提升了时间选择器配置的灵活性，满足了多元化、复杂化、定制化的时间维度选择场景的需求。

下面参考图3～图5、图6A、图6B和图7，结合具体实施例对图2所示的方法做进一步说明。

图3示意性示出了根据本公开实施例的选择器容器生成方法的流程图。

如图3所示，该方法包括操作S301～S305。

在操作S301，响应于选择器容器生成请求，获取选择器容器生成请求中携带的选择器参数。选择器参数包括回显参数、筛选面板数组和按键配置参数。

在操作S302，创建初始文本框组件和初始下拉框组件。

在操作S303，基于筛选面板数组和按键配置参数，配置初始下拉框组件的结构。

在操作S304，基于回显参数和筛选面板数组，配置初始文本框组件的回显逻辑。

在操作S305，基于完成配置的初始文本框组件和完成配置的初始下拉框组件，生成选择器容器。

根据本公开的实施例，筛选面板数组可以是一个数组类型的参数，该筛选面板数组中的每一个元素可以包含字段key和字段label。字段key可以是筛选面板的标识，每个字段key可以与一个筛选面板唯一对应。字段label可以作为该筛选面板的名称。

根据本公开的实施例，回显参数可以是一个对象类型的参数，该回显参数的值可以用于确定初始文本框组件中的回显内容的表现形式。在不同应用场景下，通过选择回显参数的值，同一时间日期可以表现为不同的形式。以年月日为例，回显参数可以选择的值可以包括CN、EU和US。对于同一日期2000年1月2日，在回显参数为“CN”时，回显内容可以表示为“2000/01/02”；在回显参数为“EU”时，回显内容可以表示为“02/01/2000”；在回显参数为“US”时，回显内容可以表示为“01/02/2000”。

根据本公开的实施例，按键配置参数可以是一个布尔类型的参数，选择器参数中的按键配置参数可以有多个，每个按键配置参数可以具有对应的操作按键。该按键配置参数的值可以用于控制对应的操作按键的显示或隐藏。该操作按键可以包括“清空”、“确定”、“取消”等按键，“清空”按键可以用于清除筛选面板中所选择的内容；“确定”按键可以将筛选面板中当前选择的内容发送给初始文本框组件；“取消”按键可以用于关闭初始下拉框组件。

根据本公开的实施例，初始文本框组件和初始下拉框组件可以是一个React组件(JavaScript框架)的两个部分。初始文本框组件可以用于展示选择器的回显内容，初始下拉框组件可以用于承载筛选面板和实现其他功能。

根据本公开的实施例，在创建React组件后，还可以在React组件内部声明对应于该选择器参数的名称和默认值。

根据本公开的实施例，配置初始下拉框组件的结构可以是配置初始下拉框组件中各个区域的位置，以及配置选择器参数中需要展示的参数在初始下拉框组件的各个区域的位置。例如，根据配置该选择器容器时使用的选择器参数，可以确定初始下拉框组件中具有三个区域，分别为页签列表、操作区和展示区。在配置下拉框组件的结构时，可以根据用户对显示界面上的图案的拖拽操作，将页签列表置于展示区的左侧，将操作区置于展示区的下方，并配置页签列表的每一项的名称为筛选面板数组中的每一个元素的字段label。

根据本公开的实施例，配置初始文本框组件的回显逻辑可以包括配置该初始文本框组件的回显内容的表现形式和配置该回显内容与各个筛选面板中选择的值之间的关系。配置该初始文本框组件的回显内容的表现形式可以直接根据回显参数的值来确定，在此不再赘述。配置该回显内容与各个筛选面板中选择的值之间的关系时，可以创建一个函数，并将该函数作为参数传入到初始下拉框组件中。在初始下拉框组件内的筛选面板发生改变事件时，会触发该函数，使得该函数接收筛选面板返回的选择值，该函数基于该选择值的输出结果可以用于调整初始文本框组件的回显内容。

根据本公开的实施例，生成的选择器容器可以存入容器库中，以便于后续在生成时间选择器时进行调用。

根据本公开的实施例，通过基于配置化的方式来生成选择器容器，可以实现对时间选择器的定制，简单且便于维护；同时，通过封装为组件的方式，可以使得该选择器容器可以在较多有日期时间选择需求的产品中使用，能够覆盖定制化复杂时间选择场景。

图4示意性示出了根据本公开实施例的筛选面板生成方法的流程图。

如图4所示，该方法包括操作S401～S402。

在操作S401，接收用户的筛选面板配置操作。筛选面板配置操作中携带有面板类型、数据类型和标签。

在操作S402，将面板类型、数据类型和标签加载到初始筛选面板对象中，得到筛选面板。

根据本公开的实施例，面板类型可以用于表示选择的筛选面板的类型，如日期类型、时钟类型等。面板类型可以根据筛选面板所需的时间维度来确定。

根据本公开的实施例，数据类型可以用于确定筛选面板中的数值的处理逻辑，如格式化逻辑、国际化多语言逻辑等。

根据本公开的实施例，标签可以指对应该筛选面板的字段label。

根据本公开的实施例，可以利用render(函数式组件)方法，返回一个初始筛选面板对象，之后，可以将面板类型、数据类型和标签加载到初始筛选面板对象中，实现筛选面板的定制化逻辑结构开发，最后开发得到的dom(Document Object Model，文档对象模型)模板结构在render函数的返回值对象中返回，以得到筛选面板。

根据本公开的实施例，在得到筛选面板后，可以将与该筛选面板对应的筛选面板对象对外暴露，从而使得该筛选面板可以通过一个预设接口被选择器容器或其他筛选面板调用。

图5示意性示出了根据本公开实施例的初始选择器组件的示意图。

如图5所示，初始选择器组件500可以包括文本框组件510和下拉框组件520。

根据本公开的实施例，在显示界面上生成初始选择器组件500时，可以调用与该目标选择器容器对应的静态资源文件，并基于该静态资源文件在显示界面上进行渲染，从而得到初始选择器组件500。

根据本公开的实施例，目标选择器参数可以包括目标回显参数、目标筛选面板数组和目标按键配置参数。

根据本公开的实施例，利用目标选择器容器对初始选择器组件500进行渲染可以包括如下操作：

基于目标筛选面板数组，确定与目标选择器容器关联的目标筛选面板；基于目标回显参数配置文本框组件510的回显内容；以及，基于目标按键配置参数和目标筛选面板，对下拉框组件520进行渲染。

根据本公开的实施例，目标筛选面板数组的元素可以表征为目标筛选面板标识。

根据本公开的实施例，基于目标筛选面板数组，确定与目标选择器容器关联的目标筛选面板可以包括如下操作：

通过预设接口，获取多个筛选面板，其中，筛选面板具有筛选面板标识；以及，将目标筛选面板标识与多个筛选面板的筛选面板标识进行匹配，以从多个筛选面板中确定目标筛选面板。

根据本公开的实施例，如图5所示，下拉框组件520可以包括第一操作区521、第二操作区522和展示区523。第一操作区521、第二操作区522和展示区523之间的位置关系可以基于目标选择器来确定。

在一些实施例中，下拉框组件520中还可以包括其他区域，如用于显示周数的区域、用于显示星期信息的区域等，在此不作限定。

根据本公开的实施例，展示区523内可以包括重叠的多个展示面板，展示面板的数量可以与目标筛选面板的数量相等。

根据本公开的实施例，基于目标按键配置参数和目标筛选面板，对下拉框组件进行渲染可以包括如下操作：

基于目标按键配置参数，在第一操作区521中渲染生成操作按键；基于目标筛选面板的数量，在第二操作区522中渲染生成切换按键，其中，切换按键与展示面板相关；确定目标筛选面板的目标面板类型；以及，基于目标筛选面板的目标面板类型，将目标筛选面板渲染在展示面板上。

根据本公开的实施例，在进行目标筛选面板的渲染时，可以根据各个目标筛选面板的目标面板类型的不同，分成不同的渲染类型，用作区别渲染。在遍历每个渲染类型逐个进行渲染时，可以将目标筛选面板作为一个Recat元素，将该Recat元素传入render函数中，之后render函数可以识别并且将该Recat元素渲染在待展示的区域，即与该目标筛选面板对应的展示面板上。

根据本公开的实施例，在对第一操作区521进行渲染时，可以根据目标按键配置参数的值来确定是否需要展示操作按键。在目标按键配置参数的值表征为“真”时，可以将与目标按键配置参数对应的操作按键在第一操作区521中进行展示。

根据本公开的实施例，在对第二操作区522进行渲染时，可以在第二操作区522中生成切换按键，切换按键的数量可以与目标筛选面板的数量相等；之后，可以将目标筛选面板数组中每个元素的字段label依次添加到切换按键上。

根据本公开的实施例，在完成初始选择器组件500的配置后，还可以包括建立目标选择器容器和目标筛选面板之间的数据互通的操作，该操作具体可以包括：监听目标筛选面板中的变更事件，在监听到变更事件触发时，通知目标选择器容器，目标选择器容器可以将变更事件中的选中值传入到文本框组件510中，实现数据回显。

图6A示意性示出了根据本公开实施例的目标时间选择器的示意图。

如图6A所示，目标时间选择器可以是在初始选择器组件500的基础上渲染得到的。目标时间选择器的第一操作区可以包括“清空”按键和“确定”按键，第二操作区可以包括按天、按周、按月等切换按键，表示该目标时间选择器可以实现按天、按周等多维度的时间筛选。对应于每个切换按键的展示区可以包括两个筛选面板，其中，位于左侧的筛选面板可以用于表示时间选择的起始时刻；位于右侧的筛选面板可以用于表示时间选择的结束时刻。

根据本公开的实施例，目标时间选择器中的展示区展示的筛选面板可以响应于触发鼠标移入事件而发生改变，具体可以包括如下操作：响应于监听到鼠标移入事件，确定第二操作区中与鼠标移入事件关联的目标切换按键，其中，鼠标移入事件表征为用户将鼠标移动至目标切换按键；以及，将展示区的展示面板切换为与目标切换按键相关的目标展示面板。

图6B示意性示出了根据本公开实施例的切换后的目标时间选择器的示意图。

如图6B所示，目标时间选择器的文本框组件可以用于展示根据用户的选择确定的回显数值，该回显数值可以根据用户在所有展示面板中的选择值来确定。

根据本公开的实施例，用户在所有展示面板中的选择值可以根据如下操作来确定：响应于用户针对目标展示面板的点击操作，生成至少一个时间节点；以及，基于与目标展示面板相关的筛选面板的面板类型和数据类型，调整文本框组件内的回显内容。

例如，如图6A所示的目标时间选择器的展示面板中的选择值为2000年～2020年，如图6B所示的目标时间选择器的展示面板中的选择值为1月～5月，则回显数值可以表示为2000-01～2020-05。

图7示意性示出了根据本公开另一实施例的目标时间选择器的示意图。

如图7所示，基于使用的目标选择器容器的不同，第一操作区、第二操作区和展示区的位置关系可以发生变化，例如，展示区、第一操作区和第二操作区可以按照自上向下的顺序依次排列。

图8示意性示出了根据本公开的实施例的时间选择器生成装置的框图。

如图8所示，时间选择器生成装置800包括第一获取模块810、第一确定模块820、第一生成模块830和第一处理模块840。

第一获取模块810，用于响应于时间选择器生成请求，获取时间选择器生成请求中携带的目标选择器参数和选择器标识。

第一确定模块820，用于基于选择器标识，从容器库中确定目标选择器容器。

第一生成模块830，用于基于目标选择器容器，在显示界面上生成初始选择器组件。

第一处理模块840，用于将目标选择器参数加载到目标选择器容器中，以利用目标选择器容器对初始选择器组件进行渲染，得到目标时间选择器。

根据本公开的实施例，选择器容器可以根据用户输入的容器参数进行预先配置，在生成时间选择器时，可以根据请求中携带的时间选择器标识，从容器库中确定目标选择器容器，再将请求中携带的目标选择器参数加载到该目标选择器容器中，以便于该目标选择器容器利用该目标选择器参数对显示界面上的初始选择器组件进行渲染，从而实现目标时间选择器在该显示界面的生成。通过上述技术手段，至少部分地克服了相关技术中存在的时间选择器通用性差、灵活性差的技术问题，有效提升了时间选择器配置的灵活性，满足了多元化、复杂化、定制化的时间维度选择场景的需求。

根据本公开的实施例，初始选择器组件包括文本框组件和下拉框组件，目标选择器参数包括目标回显参数、目标筛选面板数组和目标按键配置参数。

根据本公开的实施例，第一处理模块840包括第一处理单元、第二处理单元和第三处理单元。

第一处理单元，用于基于目标筛选面板数组，确定与目标选择器容器关联的目标筛选面板。

第二处理单元，用于基于目标回显参数配置文本框组件的回显内容。

第三处理单元，用于基于目标按键配置参数和目标筛选面板，对下拉框组件进行渲染。

根据本公开的实施例，下拉框组件包括第一操作区、第二操作区和展示区，其中，展示区包括展示面板，展示面板的数量与目标筛选面板的数量相等。

根据本公开的实施例，第三处理单元包括第一处理子单元、第二处理子单元、第三处理子单元和第四处理子单元。

第一处理子单元，用于基于目标按键配置参数，在第一操作区中渲染生成操作按键。

第二处理子单元，用于基于目标筛选面板的数量，在第二操作区中渲染生成切换按键，其中，切换按键与展示面板相关。

第三处理子单元，用于确定目标筛选面板的目标面板类型。

第四处理子单元，用于基于目标筛选面板的目标面板类型，将目标筛选面板渲染在展示面板上。

根据本公开的实施例，时间选择器生成装置800还包括第二确定模块和第二处理模块。

第二确定模块，用于响应于监听到鼠标移入事件，确定第二操作区中与鼠标移入事件关联的目标切换按键，其中，鼠标移入事件表征为用户将鼠标移动至目标切换按键。

第二处理模块，用于将展示区的展示面板切换为与目标切换按键相关的目标展示面板。

根据本公开的实施例，时间选择器生成装置800还包括第二生成模块和第三处理模块。

第二生成模块，用于响应于用户针对目标展示面板的点击操作，生成至少一个时间节点。

第三处理模块，用于基于与目标展示面板相关的筛选面板的面板类型和数据类型，调整文本框组件内的回显内容。

根据本公开的实施例，目标筛选面板数组的元素表征为目标筛选面板标识。

根据本公开的实施例，第一处理单元包括第五处理子单元和第六处理子单元。

第五处理子单元，用于通过预设接口，获取多个筛选面板，其中，筛选面板具有筛选面板标识。

第六处理子单元，用于将目标筛选面板标识与多个筛选面板的筛选面板标识进行匹配，以从多个筛选面板中确定目标筛选面板。

根据本公开的实施例，时间选择器生成装置800还包括第二获取模块和加载模块。

第二获取模块，用于接收用户的筛选面板配置操作，其中，筛选面板配置操作中携带有面板类型、数据类型和标签。

加载模块，用于将面板类型、数据类型和标签加载到初始筛选面板对象中，得到筛选面板。

根据本公开的实施例，时间选择器生成装置800还包括第三获取模块、第三生成模块、第四处理模块、第五处理模块、第四生成模块和存储模块。

第三获取模块，用于响应于选择器容器生成请求，获取选择器容器生成请求中携带的选择器参数，其中，选择器参数包括回显参数、筛选面板数组和按键配置参数。

第三生成模块，用于创建初始文本框组件和初始下拉框组件。

第四处理模块，用于基于筛选面板数组和按键配置参数，配置初始下拉框组件的结构。

第五处理模块，用于基于回显参数和筛选面板数组，配置初始文本框组件的回显逻辑。

第四生成模块，用于基于完成配置的初始文本框组件和完成配置的初始下拉框组件，生成选择器容器。

存储模块，用于将选择器容器存入容器库。

根据本公开的实施例的模块、子模块、单元、子单元中的任意多个、或其中任意多个的至少部分功能可以在一个模块中实现。根据本公开实施例的模块、子模块、单元、子单元中的任意一个或多个可以被拆分成多个模块来实现。根据本公开实施例的模块、子模块、单元、子单元中的任意一个或多个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上***、基板上的***、封装上的***、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式的硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，根据本公开实施例的模块、子模块、单元、子单元中的一个或多个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。

例如，第一获取模块810、第一确定模块820、第一生成模块830和第一处理模块840中的任意多个可以合并在一个模块/单元/子单元中实现，或者其中的任意一个模块/单元/子单元可以被拆分成多个模块/单元/子单元。或者，这些模块/单元/子单元中的一个或多个模块/单元/子单元的至少部分功能可以与其他模块/单元/子单元的至少部分功能相结合，并在一个模块/单元/子单元中实现。根据本公开的实施例，第一获取模块810、第一确定模块820、第一生成模块830和第一处理模块840中的可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上***、基板上的***、封装上的***、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，第一获取模块810、第一确定模块820、第一生成模块830和第一处理模块840中的可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。

需要说明的是，本公开的实施例中时间选择器生成装置部分与本公开的实施例中时间选择器生成方法部分是相对应的，时间选择器生成装置部分的描述具体参考时间选择器生成方法部分，在此不再赘述。

图9示意性示出了根据本公开实施例的适于实现时间选择器生成方法的电子设备的框图。图9示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图9所示，根据本公开实施例的计算机电子设备900包括处理器901，其可以根据存储在只读存储器(ROM)902中的程序或者从存储部分908加载到随机访问存储器(RAM)903中的程序而执行各种适当的动作和处理。处理器901例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如，专用集成电路(ASIC))，等等。处理器901还可以包括用于缓存用途的板载存储器。处理器901可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。

在RAM 903中，存储有电子设备900操作所需的各种程序和数据。处理器901、ROM902以及RAM 903通过总线904彼此相连。处理器901通过执行ROM 902和/或RAM 903中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意，所述程序也可以存储在除ROM902和RAM 903以外的一个或多个存储器中。处理器901也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。

根据本公开的实施例，电子设备900还可以包括输入/输出(I/O)接口905，输入/输出(I/O)接口905也连接至总线904。电子设备900还可以包括连接至I/O接口905的以下部件中的一项或多项：包括键盘、鼠标等的输入部分906；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分907；包括硬盘等的存储部分908；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分909。通信部分909经由诸如因特网的网络执行通信处理。驱动器910也根据需要连接至I/O接口905。可拆卸介质911，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器910上，以便于从其上读出的计算机程序根据需要被安装入存储部分908。

根据本公开的实施例，根据本公开实施例的方法流程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读存储介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分909从网络上被下载和安装，和/或从可拆卸介质911被安装。在该计算机程序被处理器901执行时，执行本公开实施例的***中限定的上述功能。根据本公开的实施例，上文描述的***、设备、装置、模块、单元等可以通过计算机程序模块来实现。

本公开还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中描述的设备/装置/***中所包含的；也可以是单独存在，而未装配入该设备/装置/***中。上述计算机可读存储介质承载有一个或者多个程序，当上述一个或者多个程序被执行时，实现根据本公开实施例的方法。

根据本公开的实施例，计算机可读存储介质可以是非易失性的计算机可读存储介质。例如可以包括但不限于：便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。

例如，根据本公开的实施例，计算机可读存储介质可以包括上文描述的ROM 902和/或RAM 903和/或ROM 902和RAM 903以外的一个或多个存储器。

本公开的实施例还包括一种计算机程序产品，其包括计算机程序，该计算机程序包含用于执行本公开实施例所提供的方法的程序代码，当计算机程序产品在电子设备上运行时，该程序代码用于使电子设备实现本公开实施例所提供的时间选择器生成方法。

在该计算机程序被处理器901执行时，执行本公开实施例的***/装置中限定的上述功能。根据本公开的实施例，上文描述的***、装置、模块、单元等可以通过计算机程序模块来实现。

在一种实施例中，该计算机程序可以依托于光存储器件、磁存储器件等有形存储介质。在另一种实施例中，该计算机程序也可以在网络介质上以信号的形式进行传输、分发，并通过通信部分909被下载和安装，和/或从可拆卸介质911被安装。该计算机程序包含的程序代码可以用任何适当的网络介质传输，包括但不限于：无线、有线等等，或者上述的任意合适的组合。

根据本公开的实施例，可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例提供的计算机程序的程序代码，具体地，可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。程序设计语言包括但不限于诸如Java，C++，python，“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。本领域技术人员可以理解，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合，即使这样的组合或结合没有明确记载于本公开中。特别地，在不脱离本公开精神和教导的情况下，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。

以上对本公开的实施例进行了描述。但是，这些实施例仅仅是为了说明的目的，而并非为了限制本公开的范围。尽管在以上分别描述了各实施例，但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围，本领域技术人员可以做出多种替代和修改，这些替代和修改都应落在本公开的范围之内。

Claims (12)

1.一种时间选择器生成方法，包括：

响应于时间选择器生成请求，获取所述时间选择器生成请求中携带的目标选择器参数和选择器标识；

基于所述选择器标识，从容器库中确定目标选择器容器；

基于所述目标选择器容器，在显示界面上生成初始选择器组件；以及

将所述目标选择器参数加载到所述目标选择器容器中，以利用所述目标选择器容器对所述初始选择器组件进行渲染，得到目标时间选择器。

2.根据权利要求1所述的方法，其中，所述初始选择器组件包括文本框组件和下拉框组件，所述目标选择器参数包括目标回显参数、目标筛选面板数组和目标按键配置参数；

其中，所述利用所述目标选择器容器对所述初始选择器组件进行渲染，得到目标时间选择器，包括：

基于所述目标筛选面板数组，确定与所述目标选择器容器关联的目标筛选面板；

基于所述目标回显参数配置所述文本框组件的回显内容；以及

基于所述目标按键配置参数和所述目标筛选面板，对所述下拉框组件进行渲染。

3.根据权利要求2所述的方法，其中，所述下拉框组件包括第一操作区、第二操作区和展示区，其中，所述展示区包括展示面板，所述展示面板的数量与所述目标筛选面板的数量相等；

其中，所述基于所述目标按键配置参数和所述目标筛选面板，对所述下拉框组件进行渲染，包括：

基于所述目标按键配置参数，在所述第一操作区中渲染生成操作按键；

基于所述目标筛选面板的数量，在所述第二操作区中渲染生成切换按键，其中，所述切换按键与所述展示面板相关；

确定所述目标筛选面板的目标面板类型；以及

基于所述目标筛选面板的目标面板类型，将所述目标筛选面板渲染在所述展示面板上。

4.根据权利要求3所述的方法，还包括：

响应于监听到鼠标移入事件，确定所述第二操作区中与所述鼠标移入事件关联的目标切换按键，其中，所述鼠标移入事件表征为用户将鼠标移动至所述目标切换按键；以及

将所述展示区的展示面板切换为与所述目标切换按键相关的目标展示面板。

5.根据权利要求4所述的方法，还包括：

响应于所述用户针对所述目标展示面板的点击操作，生成至少一个时间节点；以及

基于与所述目标展示面板相关的筛选面板的面板类型和数据类型，调整所述文本框组件内的回显内容。

6.根据权利要求2所述的方法，其中，所述目标筛选面板数组的元素表征为目标筛选面板标识；

所述基于所述目标筛选面板数组，确定与所述目标选择器容器关联的目标筛选面板，包括：

通过预设接口，获取多个筛选面板，其中，所述筛选面板具有筛选面板标识；以及

将所述目标筛选面板标识与多个所述筛选面板的筛选面板标识进行匹配，以从多个所述筛选面板中确定所述目标筛选面板。

7.根据权利要求6所述的方法，还包括：

接收用户的筛选面板配置操作，其中，所述筛选面板配置操作中携带有面板类型、数据类型和标签；以及

将所述面板类型、所述数据类型和所述标签加载到初始筛选面板对象中，得到所述筛选面板。

8.根据权利要求1所述的方法，还包括：

响应于选择器容器生成请求，获取所述选择器容器生成请求中携带的选择器参数，其中，所述选择器参数包括回显参数、筛选面板数组和按键配置参数；

创建初始文本框组件和初始下拉框组件；

基于所述筛选面板数组和所述按键配置参数，配置所述初始下拉框组件的结构；

基于所述回显参数和所述筛选面板数组，配置所述初始文本框组件的回显逻辑；

基于完成配置的初始文本框组件和完成配置的初始下拉框组件，生成选择器容器；以及

将所述选择器容器存入所述容器库。

9.一种时间选择器生成装置，包括：

第一获取模块，用于响应于时间选择器生成请求，获取所述时间选择器生成请求中携带的目标选择器参数和选择器标识；

第一确定模块，用于基于所述选择器标识，从容器库中确定目标选择器容器；

第一生成模块，用于基于所述目标选择器容器，在显示界面上生成初始选择器组件；以及

第一处理模块，用于将所述目标选择器参数加载到所述目标选择器容器中，以利用所述目标选择器容器对所述初始选择器组件进行渲染，得到目标时间选择器。

10.一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个指令，

其中，当所述一个或多个指令被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至8中任一项所述的方法。

11.一种计算机可读存储介质，其上存储有可执行指令，所述可执行指令被处理器执行时使处理器实现权利要求1至8中任一项所述的方法。

12.一种计算机程序产品，所述计算机程序产品包括计算机可执行指令，所述计算机可执行指令在被执行时用于实现权利要求1至8中任一项所述的方法。

Images