日期时间范围的处理方法、存储介质及电子设备技术

本发明专利技术公开了一种日期时间范围的处理方法、存储介质及电子设备。其中，该方法包括：接收操作面板的第一交互区域中输入的日期范围；接收操作面板的第二交互区域中输入的时间范围，其中，第一交互区域和第二交互区域位于操作面板的不同区域；将日期范围和时间范围进行组合，得到日期时间范围。本发明专利技术解决了相关技术中日期时间范围的处理效率较低、操作复杂度高的技术问题。

【技术实现步骤摘要】
日期时间范围的处理方法、存储介质及电子设备
本专利技术涉及互联网领域，具体而言，涉及一种日期时间范围的处理方法、存储介质及电子设备。
技术介绍
在前端网页中，填写日期时间范围是用户常常用到功能，但是，如果让用户直接输入，不仅体验很差，而且对用户填写的日期时间范围字符串的格式合法性检查十分复杂。为了解决这个问题，可以采用日期时间范围选择器，用户只需要简单的鼠标点击操作，就可以得到一个符合格式规范的日期时间范围字符串。一般时间范围选择器分为日期范围选择面板和时间范围选择面板(如图1a和1b所示)，用户在日期范围选择面板选完日期范围后，再切换到时间范围选择面板，选择开始时间和结束时间，时间选择方式一般是分别滚动或点选小时和分钟两个区域，得到想要的小时和分钟数，最后点确定完成操作，得到格式化后的日期时间范围字符串。但是，用户选择日期时间范围需要切换日期面板与时间面板，操作体验不够流畅，用户可能需要频繁的切换这两个面板。针对上述的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种日期时间范围的处理方法、存储介质及电子设备，以至少解决相关技术中日期时间范围的处理效率较低、操作复杂度高的技术问题。根据本专利技术实施例的一个方面，提供了一种日期时间范围的处理方法，包括：接收操作面板的第一交互区域中输入的日期范围；接收操作面板的第二交互区域中输入的时间范围，其中，第一交互区域和第二交互区域位于操作面板的不同区域；将日期范围和时间范围进行组合，得到日期时间范围。进一步地，第一交互区域中显示有起始日期控件和终止日期控件，其中，接收操作面板的第一交互区域中输入的日期范围包括：在起始日期控件中检测到点击操作的情况下，将该点击操作对应的日期信息作为日期范围的起始日期；在终止日期控件中检测到点击操作的情况下，将该点击操作对应的日期信息作为日期范围的终止日期。进一步地，第二交互区域中显示有起始时间控件和终止时间控件，起始时间控件位于终止时间控件的左侧，起始时间控件和终止时间控件为滑动条控件。进一步地，起始时间控件和终止时间控件均为包含滑块和滑动条的滑动条控件，滑块响应于用户拖拽操作在滑动条上滑动，以设置时间范围的起始时间或终止时间。进一步地，在日期范围的起始日期和终止日期是同一天的情况下，如果用户已经基于起始时间控件设置完起始时间，则根据起始时间，在终止时间控件的滑动条上设置禁止操作区域，禁止操作区域的起始位置为终止时间控件的滑动条的起始位置，禁止操作区域的终止位置为终止时间控件的滑动条上对应于起始时间的位置。进一步地，起始时间控件和终止时间控件的滑动条显示有时间标尺。进一步地，第一交互区域中显示有起始日期控件和终止日期控件，第二交互区域中显示有起始时间控件和终止时间控件，第一交互区域位于第二交互区域上方，起始日期控件位于终止日期控件左侧，起始时间控件位于终止时间控件左侧。进一步地，上述方法还包括：在操作面板中显示第一交互区域中输入的日期范围、和/或第二交互区域中输入的时间范围。根据本专利技术实施例的另一方面，还提供了一种存储介质，存储介质包括存储的程序，其中，程序执行上述的日期时间范围的处理方法。根据本专利技术实施例的另一方面，还提供了一种电子设备，电子设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，处理器、存储器通过总线完成相互间的通信；处理器用于调用存储器中的程序指令，以执行上述的日期时间范围的处理方法。在本专利技术实施例中，通过接收操作面板的第一交互区域中输入的日期范围，以及操作面板的第二交互区域中输入的时间范围，可以得到相应的日期时间范围，与现有技术相比，日期范围选择控件和时间范围选择控件显示在同一个面板上，从而用户可以在同一个面板上完成日期范围选择和时间范围选择，达到了降低操作复杂度、提高处理效率的技术效果，进而解决了相关技术中日期时间范围的处理效率较低、操作复杂度高的技术问题。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：图1a是根据现有技术的一种日期范围选择面板的示意图；图1b是根据现有技术的一种时间范围选择面板的示意图；图2是根据本专利技术实施例的一种日期时间范围的处理方法的流程图图3是根据本专利技术实施例的一种可选的日期时间范围面板的示意图；图4是根据本专利技术实施例的一种日期时间范围的处理装置的示意图；以及图5是根据本专利技术实施例的一种电子设备的示意图。具体实施方式为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。根据本专利技术实施例，提供了一种日期时间范围的处理方法，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。图2是根据本专利技术实施例的一种日期时间范围的处理方法的流程图，如图2所示，该方法包括如下步骤：步骤S202，接收操作面板的第一交互区域中输入的日期范围；步骤S204，接收操作面板的第二交互区域中输入的时间范围，其中，第一交互区域和第二交互区域位于操作面板的不同区域；步骤S206，将日期范围和时间范围进行组合，得到日期时间范围。可选地，第一交互区域中显示有起始日期控件和终止日期控件，第二交互区域中显示有起始时间控件和终止时间控件，第一交互区域位于第二交互区域上方，起始日期控件位于终止日期控件左侧，起始时间控件位于终止时间控件左侧。在一种可选的方案中，可以将日期范围选择控件和时间范围选择控件显示在同一个操作面板上，如图3所示，日期范围选择控件显示在时间范围选择控件的上方，日期范围选择控件的显示区域为上述的第一交互区域，时间范围选择控件的显示区域为上述的第二交互区域。用户通过对日期范围选择控件进行操作，可以完成日期范围选择，用户通过对时间范围选择控件进行操作，可以完成本文档来自技高网...

【技术保护点】
1.一种日期时间范围的处理方法，其特征在于，包括：/n接收操作面板的第一交互区域中输入的日期范围；/n接收所述操作面板的第二交互区域中输入的时间范围，其中，所述第一交互区域和所述第二交互区域位于所述操作面板的不同区域；/n将所述日期范围和所述时间范围进行组合，得到日期时间范围。/n

【技术特征摘要】
1.一种日期时间范围的处理方法，其特征在于，包括：
接收操作面板的第一交互区域中输入的日期范围；
接收所述操作面板的第二交互区域中输入的时间范围，其中，所述第一交互区域和所述第二交互区域位于所述操作面板的不同区域；
将所述日期范围和所述时间范围进行组合，得到日期时间范围。


2.根据权利要求1所述的方法，其特征在于，所述第一交互区域中显示有起始日期控件和终止日期控件，其中，接收操作面板的第一交互区域中输入的日期范围包括：
在所述起始日期控件中检测到点击操作的情况下，将该点击操作对应的日期信息作为所述日期范围的起始日期；
在所述终止日期控件中检测到点击操作的情况下，将该点击操作对应的日期信息作为所述日期范围的终止日期。


3.根据权利要求1所述的方法，其特征在于，所述第二交互区域中显示有起始时间控件和终止时间控件，所述起始时间控件位于所述终止时间控件的左侧，所述起始时间控件和所述终止时间控件为滑动条控件。


4.根据权利要求3所述的方法，其特征在于，所述起始时间控件和所述终止时间控件均为包含滑块和滑动条的滑动条控件，滑块响应于用户拖拽操作在所述滑动条上滑动，以设置所述时间范围的起始时间或终止时间。


5.根据权利要求4所述的方法，其特征在于，还包括：
在所述日期范围的起始日期和终止日期是同一天的情况下，如果用户已经基于所述起始时间控件设置完...

【专利技术属性】
技术研发人员：蔡炜麟，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京;11