CN104598252A - 一种时间控件及基于时间控件确定时间的方法 - Google Patents

Abstract

本发明实施例公开了一种时间控件，用于简化时间段的选取操作，提升用户体验。本发明实施例方法包括：时间视图选择组件，用于确定时间视图，所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上；时间选择组件，用于当获取到用户端的时间选取指令时，选择所述时间视图中的第一时间区的时间，并根据预置的所述时间视图对应的步长值和所述第一时间区的时间，生成第二时间区的时间。本发明实施例还提供一种基于时间控件获取时间段的方法，用于简化时间段的选取操作，提升用户体验。

Description

一种时间控件及基于时间控件确定时间的方法

技术领域

本发明涉及通信技术领域，尤其涉及一种时间控件及基于时间控件确定时间的方法。

背景技术

目前，在应用程序(app，application)开发过程中，需要为用户提供可以确定时间的时间控件，时间控件通常用于选取时间段，比如使用银行APP中交易查询功能时，需要选取时间段作为查询条件，此时可以通过时间控件来实现。

然而，本申请的发明人发现常见的应用程序中所使用的时间控件不能选取精确的时间段，通常仅能选取年、月、日的时间中的一种，无法满足实际需求，且在通过该时间控件选取时间段的开始时间和结束时间，需要用户端分别输入指令，操作复杂，影响用户体验。

发明内容

本发明实施例提供了一种时间控件及基于时间控件获取时间段的方法，能够，简化时间段的选取操作，提升用户体验。

本发明实施例第一方面提供一种时间控件，包括：

时间视图选择组件，用于确定时间视图，所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上；

时间选择组件，用于当获取到用户端的时间选取指令时，选择所述时间视图中的第一时间区的时间，并根据预置的所述时间视图对应的步长值和所述第一时间区的时间，生成第二时间区的时间；

其中，所述第一时间区的时间为时间段的开始时间，所述第二时间区的时间为所述时间段的结束时间，或者，所述第一时间区的时间为所述时间段的结束时间，所述第二时间区的时间为所述时间段的开始时间。

结合本发明实施例的第一方面，在本发明实施例第一方面的第一种实现方式中，所述时间视图选择组件用于确定时间视图具体包括：

设置时间视图与参数的对应关系；

获取用户输入的参数；

根据所述参数确定与所述配置参数对应的所述时间视图。

结合本发明实施例的第一方面，在本发明实施例第一方面的第二种实现方式中，所述时间选择组件用于选择所述时间视图中的第一时间区的时间具体包括；

当获取到用户端的时间选择发指令时，在所述第一时间区弹出下拉菜单或菜单窗口，所述下拉菜单或菜单窗口中包括时间选择界面；

在所述下拉菜单或菜单窗口中的时间选择界面选择所述时间。

结合本发明实施例的第一方面或第一方面的第一种实现方式或第一方面的第二种实现方式，在本发明实施例第一方面的第三种实现方式中，所述时间视图选择组件还用于：

接收时间视图切换指令，所述指令中携带有时间视图的标识；

根据所述标识，查找目标时间视图；

将所述时间视图切换为目标视图。

结合本发明实施例的第一方面或第一方面的第一种实现方式或第一方面的第二种实现方式，在本发明实施例第一方面的第四种实现方式中，还包括：

显示组件，用于确定所述时间视图的样式，并按照所述样式显示所述时间视图。

本发明实施例第二方面提供一种基于时间控件获取时间段的方法，包括：

时间控件确定时间视图，所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上；

当获取到用户端的时间选取指令时，所述时间控件选择所述时间视图中的第一时间区的时间，并根据预置的所述时间视图对应的步长值和所述第一时间区的时间，生成第二时间区的时间；

其中，所述第一时间区的时间为时间段的开始时间，所述第二时间区的时间为所述时间段的结束时间，或者，所述第一时间区的时间为所述时间段的结束时间，所述第二时间区的时间为所述时间段的开始时间。

结合本发明实施例的第二方面，在本发明实施例第二方面的第一种实现方式中，所述时间控件确定时间视图具体包括：

所述时间控件设置时间视图与参数的对应关系；

所述时间控件获取用户输入的参数；

所述时间控件根据所述参数确定与所述配置参数对应的所述时间视图。

结合本发明实施例的第二方面，在本发明实施例第二方面的第二种实现方式中，所述时间选择控件选择所述时间视图中的第一时间区的时间具体包括；

当接收到时间选择的触发指令时，所述时间控件在所述第一时间区弹出下拉菜单或菜单窗口，所述下拉菜单或菜单窗口中包括时间选择界面；

所述时间控件在所述下拉菜单或菜单窗口中的时间选择界面选择所述时间。

结合本发明实施例的第二方面或第二方面的第一种实现方式或第二方面的第二种实现方式，在本发明实施例第二方面的第三种实现方式中，在所述时间控件根据预置的所述时间视图对应的步长值和所述第一时间区的时间，计算出第二时间区的时间之后还包括：

所述时间控件接收时间视图切换指令，所述指令中携带有时间视图的标识；

所述时间控件根据所述标识，查找匹配目标时间视图；

所述时间控件将所述时间视图切换为目标视图。

结合本发明实施例的第二方面或第二方面的第一种实现方式或第二方面的第二种实现方式，在本发明实施例第二方面的第四种实现方式中，所述方法还包括：

所述时间控件确定所述时间视图的样式，并按照所述样式显示所述时间视图。

应用本发明实施例的技术方面，具有如下有益效果：

本发明实施例中的时间控件，通过时间视图组件确定时间视图，当获取到用户端发送的时间选取指令时，通过时间选择组件选择该时间视图中的第一时间区的时间，该时间选择组件可以通过该第一是时间区的时间和预置的步长值获取第二时间区的时间，相对于现有技术，无需再从用户端获取时间选取指令，即可自动生成第二时间区的指令，从而可以达到简化操作，提升用户体验的目的。

附图说明

图1为本发明实施例中一种时间控件的一个实施例示意图；

图2为本发明实施例中一种时间控件的另一实施例示意图；

图3为本发明实施例中一种基于时间控件获取时间段方法的一个实施例示意图；

图4为本发明实施例中一种基于时间控件获取时间段方法的另一实施例示意图。

具体实施方式

本发明实施例提供了一种时间控件及基于时间控件获取时间段的方法，用于简化时间段的选取操作，提升用户体验。

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参阅图1，本发明实施例中一种时间控件的一个实施例包括：

时间视图选择组件101和时间选择组件102。

其中，时间视图选择空间101用于确定时间视图，所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上。

需要说明的是，该分钟视图可以为1分钟视图也可以为5分钟视图。

时间选择组件102，用于选择所述时间视图中的第一时间区的时间，并根据预置的所述时间视图对应的步长值和所述第一时间区的时间，生成第二时间区的时间。

需要说明的是，所述第一时间区的时间为时间段的开始时间，所述第二时间区的时间为所述时间段的结束时间，或者，所述第一时间区的时间为所述时间段的结束时间，所述第二时间区的时间为所述时间段的开始时间，并且该步长值是预先通过自定义接口设置的，具体的值可以根据实际需要进行调整。

例如，在图1中，该时间视图包括小时视图、天视图、周视图、月视图和年视图，可以通过时间视图选择控件确定其中的时视图为当前时间视图，然后再通过时间选择组件在第一时间区中选取该小时时间视图对应的开始时间为2014-11-2908，并按照该小时视图对应的步长值5小时，在第二时间区生成结束时间为2014-11-2913。

本发明实施例中，时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上，可以使多个时间视图进行关联，使得时间段的显示更加精确，并且只要通过时间选择组件选择其中第一时间区的时间，即可自动生成第二时间区的时间，简化操作，提升用户体验。

在本发明的一些实施例中，所述时间视图组件101用于确定时间视图具体包括：

用于设置时间视图与参数的对应关系，并获取用户输入的参数，然后根据所述参数确定与所述配置参数对应的所述时间视图。

例如，视图选择组件设置分钟视图的参数为1、小时视图的参数为2、天视图的参数为3、周视图的参数为4、月视图的参数为5、年视图的参数为6；然后该时间视图选择组件获取用户输入的参数2，此时该时间视图选择组件从时间视图中确定小时视图作为当前时间视图。

在本发明的一些实施例中，所述时间选择组件102用于选择所述时间视图中的第一时间区的时间具体包括；

当接收到时间选择的触发指令时，在所述第一时间区弹出下拉菜单或菜单窗口，所述下拉菜单或菜单窗口中包括时间选择界面；

在所述下拉菜单或菜单窗口中的时间选择界面选择所述时间。

如图2，在所述视图选择组件确定小时视图作为当前时间视图之后，该触发指令可以是，鼠标悬停在第一时间区的信号，当检测或接收到该信号时，在该第一时间区弹出菜单窗口201，该菜单窗口201中包含小时选择界面，具体该界面中可以包含拖放小时的进度条202，通过拖放该小时进度202条选择第一时间区的时间。

在本发明的一些实施例中所述时间选择组件102还用于接收时间视图切换指令，所述指令中携带有时间视图的标识；根据所述标识，查找匹配目标时间视图；将所述时间视图切换为目标视图。

例如，所述实现视图切换指令可以为，当所述时间选择组件检测到鼠标从时间视图选择组件的小时时间视图移动天时间视图时，检测或接收到鼠标悬停在天时间视图的信号，或者接收到用户输入的参数为3的指令，此时该时间选择组件利用该参数3和天时间视图的对应关系，在时间视图中查找匹配到天时间视图，并从当前的小时时间视图切换为天时间视图。

在本发明的一些实施例中所述时间控件还包括显示组件，所述显示组件用于确定所述时间视图的样式，并按照所述样式显示所述时间视图。

例如，可以将视图选择组件选中的时间视图以带斜纹、凹槽等样式进行显示，达到区别显示或着重显示的效果。

上面对本发明实施例中的一种时间控件进行了描述，下面对本发明实施例中的一种基于时间选择控件确定时间段的方法进行描述，请参阅图3，本发明实施例中一种基于时间选择控件获取时间段方法的一个实施例包括：

301、时间控件确定时间视图，所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上。

可以理解的时，本发明实施例中，各时间视图基于jquery、jqueryUI或其他代码实现，兼容性好且风格统一，便于将各时间视图进行组合使用。

302、所述时间控件选择所述时间视图中的第一时间区的时间，并根据预置的所述时间视图对应的步长值和所述第一时间区的时间，生成第二时间区的时间；

其中，所述第一时间区的时间为时间段的开始时间，所述第二时间区的时间为所述时间段的结束时间，或者，所述第一时间区的时间为所述时间段的结束时间，所述第二时间区的时间为所述时间段的开始时间。

需要说明的是，该步长值是预先通过自定义接口设置的，具体的值可以根据实际需要进行调整。

请参阅图4，本发明实施例的一种基于时间选择控件获取时间段方法的另一个实施例，具体包括：

401、时间控件确定时间视图，所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上.

可以理解的时，本发明实施例中，各时间视图基于jquery、jqueryUI或其他代码实现，兼容性好且风格统一，便于将各时间视图进行组合使用。

在确定时间视图之后，可以按照不同的样式进行显示，可选的，本发明实施例的步骤401之后，还可以包括步骤402。

402、所述时间控件确定所述时间视图的样式，并按照所述样式显示所述时间视图。

例如，可以将视图选择组件选中的时间视图以带斜纹、凹槽等样式进行显示，达到区别显示或着重显示的效果。

403、所述时间控件选择所述时间视图中的第一时间区的时间，并根据预置的所述时间视图对应的步长值和所述第一时间区的时间，生成第二时间区的时间。

其中，所述第一时间区的时间为时间段的开始时间，所述第二时间区的时间为所述时间段的结束时间，或者，所述第一时间区的时间为所述时间段的结束时间，所述第二时间区的时间为所述时间段的开始时间。

需要说明的是，该步长值是预先通过自定义接口设置的，具体的值可以根据实际需要进行调整。

可选地，本发明实施例中步骤401具体可包括：

401a、设置时间视图与参数的对应关系。

401b、获取用户输入的参数。

401c、根据所述参数确定与所述配置参数对应的所述时间视图。

例如，视图选择组件设置分钟视图的参数为1、小时视图的参数为2、天视图的参数为3、周视图的参数为4、月视图的参数为5、年视图的参数为6；然后该时间视图选择组件获取用户输入的参数2，此时该时间视图选择组件从时间视图中确定小时视图作为当前时间视图。

本发明的一些实施例中，在时间控件选择开始时间或结束时间时，具体可以通过从下拉菜单或菜单窗口中进行选取。

可选地，本实施例的步骤402具体可包括：

403a、当接收到时间选择的触发指令时，在所述第一时间区弹出下拉菜单或菜单窗口，所述下拉菜单或菜单窗口中包括时间选择界面；

403b、在所述下拉菜单或菜单窗口中的时间选择界面选择所述时间。

例如，在所述视图选择组件确定小时视图作为当前时间视图之后，该触发指令可以是，鼠标悬停在第一时间区的信号，当检测或接收到该信号时，在该第一时间区弹出菜单窗口，该菜单窗口中包含小时选择界面，具体该界面中可以包含拖放小时的进度条，通过拖放该小时进度条选择第一时间区的时间。

根据实际需要，该时间控件可以切换时间视图，从而支持不同精确度的时间端。

可选的，在本实施例中的步骤403之后，还包括步骤404和步骤405。

404、所述时间控件接收时间视图切换指令。

405、所述时间控件根据所述时间切换指令，将当前时间视图切换为目标时间视图。

例如，所述实现视图切换指令可以为，当所述时间选择组件检测到鼠标从时间视图选择组件的小时时间视图移动天时间视图时，检测或接收到鼠标悬停在天时间视图的信号，或者接收到用户输入的参数为3的指令，此时该时间选择组件利用该参数3和天时间视图的对应关系，在时间视图中查找匹配到天时间视图，并从当前的小时时间视图切换为天时间视图。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种时间控件，其特征在于，包括：

时间视图选择组件，用于确定时间视图，所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上；

时间选择组件，用于当获取到用户端的时间选取指令时，选择所述时间视图中的第一时间区的时间，并根据预置的所述时间视图对应的步长值和所述第一时间区的时间，生成第二时间区的时间；

其中，所述第一时间区的时间为时间段的开始时间，所述第二时间区的时间为所述时间段的结束时间，或者，所述第一时间区的时间为所述时间段的结束时间，所述第二时间区的时间为所述时间段的开始时间。

2.根据权利要求1所述的时间控件，其特征在于，所述时间视图选择组件用于确定时间视图具体包括：

设置时间视图与参数的对应关系；

获取用户输入的参数；

根据所述参数确定与所述配置参数对应的所述时间视图。

3.根据权利要求1所述的时间控件，其特征在于，所述时间选择组件用于选择所述时间视图中的第一时间区的时间具体包括；

当获取到用户端的时间选择发指令时，在所述第一时间区弹出下拉菜单或菜单窗口，所述下拉菜单或菜单窗口中包括时间选择界面；

在所述下拉菜单或菜单窗口中的时间选择界面选择所述时间。

4.根据权利要求1至3中任一项所述的时间控件，其特征在于，所述时间视图选择组件还用于：

接收时间视图切换指令，所述指令中携带有时间视图的标识；

根据所述标识，查找目标时间视图；

将所述时间视图切换为目标视图。

5.根据权利要求1至3中任一项所述的时间控件，其特征在于，还包括：

显示组件，用于确定所述时间视图的样式，并按照所述样式显示所述时间视图。

6.一种基于时间控件获取时间段的方法，其特征在于，包括：

时间控件确定时间视图，所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上；

当获取到用户端的时间选取指令时，所述时间控件选择所述时间视图中的第一时间区的时间，并根据预置的所述时间视图对应的步长值和所述第一时间区的时间，生成第二时间区的时间；

其中，所述第一时间区的时间为时间段的开始时间，所述第二时间区的时间为所述时间段的结束时间，或者，所述第一时间区的时间为所述时间段的结束时间，所述第二时间区的时间为所述时间段的开始时间。

7.根据权利要求1所述的方法，其特征在于，所述时间控件确定时间视图具体包括：

所述时间控件设置时间视图与参数的对应关系；

所述时间控件获取用户输入的参数；

所述时间控件根据所述参数确定与所述配置参数对应的所述时间视图。

8.根据权利要求1所述的方法，其特征在于，所述时间选择控件选择所述时间视图中的第一时间区的时间具体包括；

当接收到时间选择的触发指令时，所述时间控件在所述第一时间区弹出下拉菜单或菜单窗口，所述下拉菜单或菜单窗口中包括时间选择界面；

所述时间控件在所述下拉菜单或菜单窗口中的时间选择界面选择所述时间。

9.根据权利要求6至8中任一项所述的方法，其特征在于，在所述时间控件根据预置的所述时间视图对应的步长值和所述第一时间区的时间，计算出第二时间区的时间之后还包括：

所述时间控件接收时间视图切换指令，所述指令中携带有时间视图的标识；

所述时间控件根据所述标识，查找匹配目标时间视图；

所述时间控件将所述时间视图切换为目标视图。

10.根据权利要求6至8中任一项所述的方法，其特征在于，所述方法还包括：

所述时间控件确定所述时间视图的样式，并按照所述样式显示所述时间视图。