CN114153345A - 多时间节点选择方法、装置、电子设备及存储介质 - Google Patents
多时间节点选择方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114153345A CN114153345A CN202111423558.7A CN202111423558A CN114153345A CN 114153345 A CN114153345 A CN 114153345A CN 202111423558 A CN202111423558 A CN 202111423558A CN 114153345 A CN114153345 A CN 114153345A
- Authority
- CN
- China
- Prior art keywords
- time
- selection
- nodes
- selector
- selection panel
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000010187 selection method Methods 0.000 title abstract description 8
- 238000000034 method Methods 0.000 claims abstract description 37
- 238000004590 computer program Methods 0.000 claims description 19
- 238000012545 processing Methods 0.000 claims description 9
- 238000012163 sequencing technique Methods 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 26
- 230000000694 effects Effects 0.000 description 16
- 230000008569 process Effects 0.000 description 11
- 230000006870 function Effects 0.000 description 6
- 238000007792 addition Methods 0.000 description 5
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000003044 adaptive effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开涉及计算机技术领域,提供了一种多时间节点选择方法、装置、电子设备及存储介质。该方法包括:在用户界面中显示选项页面,选项页面中包含时间选择器,时间选择器用于选择一个或多个时间节点;接收针对时间选择器的第一操作指令,以使时间选择器开启时间选择面板,并确定时间选择面板的当前状态;根据时间选择面板的当前状态,接收针对时间选择面板内时间节点的第二操作指令,以便选择一个或多个时间节点,并将一个或多个时间节点在时间选择器的输入框中进行显示。本公开能够降低用户滚动浏览操作的次数,提升用户的操作体验,并提高多时间节点选择的效率。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种多时间节点选择方法、装置、电子设备及存储介质。
背景技术
在计算机及电子设备领域,时间选择器是一种常见的用于选择时间节点的工具,在有些任务中,需要针对一项任务选择一个或者多个的时间节点,例如在PC后台的时间选择器中,需要针对每个时间节点进行多次的添加。
目前时间选择器的实现中,需要设置多个时间节点时,需要针对每个时间节点新增一行或一列时间选择器后,再去进行时间节点选择,因此,每设置一个时间节点,就需要新增一个新的时间选择器。这样不仅导致用户界面或者弹窗被拉长,增加滚动操作和浏览的次数,影响用户的操作体验,还降低了时间节点的选择效率。
发明内容
有鉴于此,本公开实施例提供了一种多时间节点选择方法、装置、电子设备及存储介质,以解决现有技术存在的用户界面或者弹窗被拉长,增加用户滚动浏览操作的次数,降低用户操作体验以及时间节点的选择效率的问题。
本公开实施例的第一方面,提供了一种多时间节点选择方法,包括:在用户界面中显示选项页面,选项页面中包含时间选择器,时间选择器用于选择一个或多个时间节点;接收针对时间选择器的第一操作指令,以使时间选择器开启时间选择面板,并确定时间选择面板的当前状态;根据时间选择面板的当前状态,接收针对时间选择面板内时间节点的第二操作指令,以便选择一个或多个时间节点,并将一个或多个时间节点在时间选择器的输入框中进行显示。
本公开实施例的第二方面,提供了一种多时间节点选择装置,包括:显示模块,被配置为在用户界面中显示选项页面,选项页面中包含时间选择器,时间选择器用于选择一个或多个时间节点;接收模块,被配置为接收针对时间选择器的第一操作指令,以使时间选择器开启时间选择面板,并确定时间选择面板的当前状态;选择模块,被配置为根据时间选择面板的当前状态,接收针对时间选择面板内时间节点的第二操作指令,以便选择一个或多个时间节点,并将一个或多个时间节点在时间选择器的输入框中进行显示。
本公开实施例的第三方面,提供了一种电子设备,包括存储器,处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行程序时实现上述方法的步骤。
本公开实施例的第四方面,提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机程序,该计算机程序被处理器执行时实现上述方法的步骤。
本公开实施例采用的上述至少一个技术方案能够达到以下有益效果:
通过在用户界面中显示选项页面,选项页面中包含时间选择器,时间选择器用于选择一个或多个时间节点;接收针对时间选择器的第一操作指令,以使时间选择器开启时间选择面板,并确定时间选择面板的当前状态;根据时间选择面板的当前状态,接收针对时间选择面板内时间节点的第二操作指令,以便选择一个或多个时间节点,并将一个或多个时间节点在时间选择器的输入框中进行显示,能够避免用户界面或者弹窗被拉长,降低用户滚动浏览操作的次数,提升用户的操作体验,并提高用户对时间节点进行选择的效率。
附图说明
为了更清楚地说明本公开实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1是本公开实施例提供的多时间节点选择方法的流程示意图;
图2是本公开实施例提供的时间选择器中开启时间选择面板的示意图;
图3是本公开实施例提供的单选状态下进行时间节点选择的示意图;
图4是本公开实施例提供的多选状态下进行时间节点选择的示意图;
图5是本公开实施例提供的多个时间节点的选择以及对时间标签排序的示意图;
图6是本公开实施例提供的单选状态的时间节点选择的效果示意图;
图7是本公开实施例提供的多选状态的时间节点选择的效果示意图;
图8是本公开实施例提供的多选状态下按照时间区间进行选择的效果示意图;
图9a是本公开实施例提供的年维度的时间节点选择的效果示意图;
图9b是本公开实施例提供的月维度的时间节点选择的效果示意图;
图9c是本公开实施例提供的周维度的时间节点选择的效果示意图;
图9d是本公开实施例提供的日维度的时间节点选择的效果示意图;
图9e是本公开实施例提供的日期段维度的时间节点选择的效果示意图;
图10是本公开实施例提供的多时间节点选择装置的结构示意图;
图11是本公开实施例提供的电子设备的结构示意图。
具体实施方式
以下描述中,为了说明而不是为了限定,提出了诸如特定系统结构、技术之类的具体细节,以便透彻理解本公开实施例。然而,本领域的技术人员应当清楚,在没有这些具体细节的其它实施例中也可以实现本公开。在其它情况中,省略对众所周知的系统、装置、电路以及方法的详细说明,以免不必要的细节妨碍本公开的描述。
如前述内容,在操作电子设备的过程中,当需要设置多个时间节点时,传统的时间选择器,需要针对每个时间节点新增一行或一列时间选择器后,再去进行时间节点的选择,换言之,现有的时间选择器每设置一个时间节点,都需要增加一个新的时间选择器。如果遇到多个时间节点时,就需要进行多次、多个添加,致使用户操作页面或者弹窗被拉长,用户需要多次滚动进行操作或浏览,增加用户使用动线,影响用户的操作体验。
有鉴于此,为了解决上述现有技术问题,需要对相关技术中的时间选择器进行改进,使得改进后的方案能够在一个时间选择器中,完成对多个时间节点的增加或删除,即在一个时间选择器中进行多时间节点的选择,并能够同时对多个时间节点进行展示,以此避免用户操作页面或者弹窗被拉长,降低用户滚动浏览操作的次数,提升用户的操作体验,在同一个时间选择器内进行多时间节点的操作,能够提高用户对时间节点进行选择的效率,以便达到提高添加多个时间节点的操作实效的目的。
需要说明的是,在本公开以下实施例的应用场景中,本公开可以由服务器执行,也可以由诸如PC、平板电脑、移动终端等的其他终端设备执行。本公开可以应用于终端中运行的用于提供各种服务的应用程序或网络页面,例如:提供即时通讯服务的客户端、电商客户端、任务管理客户端、大数据服务客户端、PC端或者小程序等。下面以运行在客户端中的用户新建内容的程序页面为例,对本公开的方案进行详细说明。
图1是本公开实施例提供的多时间节点选择方法的流程示意图。图1的多时间节点选择方法可以由客户端执行。如图1所示,该多时间节点选择方法具体可以包括:
S101,在用户界面中显示选项页面,选项页面中包含时间选择器,时间选择器用于选择一个或多个时间节点;
S102,接收针对时间选择器的第一操作指令,以使时间选择器开启时间选择面板,并确定时间选择面板的当前状态;
S103,根据时间选择面板的当前状态,接收针对时间选择面板内时间节点的第二操作指令,以便选择一个或多个时间节点,并将一个或多个时间节点在时间选择器的输入框中进行显示。
具体地,用户界面中的选项页面是指不同的客户端或者计算机程序所展示的用户操作界面中的包含时间节点选择的页面,也可以说,用户界面中包含时间选择器的选项页面,不同的客户端或者程序所展示的用户操作界面以及选项页面均不相同,因此,本公开实施例中的用户界面以及时间选择器的形式不构成对本申请的限定。
进一步地,时间节点可以具有不同的维度,例如年维度的时间节点,月维度的时间节点,周维度的时间节点,日维度的时间节点等,时间节点既可以表示一个具体的时间点,还可以表示一个时间区间,比如2021年10月20日为一个时间节点,2021年9月20日至2021年10月20日也可以视为一个时间节点。时间节点的表现形式不构成对本申请技术方案的限定,任何形式的时间节点都可能适用于本方案。
进一步地,时间选择器的输入框是指时间选择器中用于展示时间标签的区域,输入框的位置和大小可以根据实际应用场景进行调整,输入框中的时间标签也可以根据实际应用场景进行设计和排序,因此,输入框的具体表现形式也不构成对本申请技术方案的限定,任何形式的输入框都可能适用于本方案。
根据本公开实施例提供的技术方案,通过在用户界面中显示选项页面,选项页面中包含时间选择器,时间选择器用于选择一个或多个时间节点;接收针对时间选择器的第一操作指令,以使时间选择器开启时间选择面板,并确定时间选择面板的当前状态;根据时间选择面板的当前状态,接收针对时间选择面板内时间节点的第二操作指令,以便选择一个或多个时间节点,并将一个或多个时间节点在时间选择器的输入框中进行显示,能够避免用户界面或者弹窗被拉长,降低用户滚动浏览操作的次数,提升用户的操作体验,并提高用户对时间节点进行选择的效率。
在一些实施例中,接收针对时间选择器的第一操作指令,以使时间选择器开启时间选择面板,包括:接收针对时间选择器中时间选择区域的点击操作指令,以便在时间选择器的下方弹出时间选择面板,时间选择面板内包含状态切换按钮,状态切换按钮用于触发针对时间选择面板的当前状态的切换操作。
具体地,当用户需要添加时间节点时,通过点击时间选择器中的时间选择区域,即可触发时间选择面板(也称为时间选项面板)弹出,下面结合附图对本公开实施例中时间选择面板的开启过程进行说明,图2是本公开实施例提供的时间选择器中开启时间选择面板的示意图。如图2所示,该时间选择面板的开启过程主要包括以下内容:
图2左侧表示选项页面中的时间选择器在未选择时间节点时的状态,此时,时间选择器的后面没有新增操作;图2右侧表示点击时间选择区域进行时间节点选择时,在时间选择器的下方弹出时间选择面板的状态。时间选择面板的右上角显示状态切换按钮,用于将时间选择面板的当前状态切换为“单选”或者“多选”,开启时默认为单选状态。时间选择面板还用于显示时间节点,例如图2中所显示的2020年3月份的时间节点,该时间节点对应的维度为日维度。
在一些实施例中,时间选择面板的当前状态包括第一选择状态和第二选择状态;其中,第一选择状态用于表示针对时间节点的单选状态,第二选择状态用于表示针对时间节点的多选状态。
具体地,时间选择面板右上方有“单选”和“多选”的开启按钮,其中,单选表示时间选择面板的当前状态为第一选择状态,多选表示时间选择面板的当前状态为第二选择状态;当时间选择器的状态为单选状态时,将单选高亮显示,当时间选择器的状态为多选状态时,将多选高亮显示。一般状态下,时间选择器默认为“单选”状态。
在一些实施例中,当时间选择面板处于预设的第一选择状态时,接收针对时间选择面板内时间节点的第二操作指令,包括:当时间选择面板的当前状态为预设的第一选择状态时,接收针对时间选择面板内一个时间节点的选择操作,并将一个时间节点对应的时间标签在输入框中进行显示。
具体地,在单选状态下,时间选择面板中不显示“取消/确定”按钮;接收用户对单选状态下的时间选择面板内时间节点的点击选择操作,即可将用户选择的时间节点在输入框中进行显示。下面结合附图对本公开实施例中单选状态下的时间节点选择过程进行说明,图3是本公开实施例提供的单选状态下进行时间节点选择的示意图。如图3所示,该单个时间节点选择过程主要包括以下内容:
当处于“单选”状态时,用户点击时间选择面板内的日期即可直接进行时间选择;被点击选中的时间节点对应的日期变成蓝色,此时,时间选择面板上方的输入框中便会出现所选择时间对应的时间标签。当用户点击时间选择器旁边的空白处时,时间选择器的弹窗便收起消失;如需更改选择的时间,重复上述操作即可。
在一些实施例中,当时间选择面板处于预设的第二选择状态时,接收针对时间选择面板内时间节点的第二操作指令,包括:当时间选择面板的当前状态为预设的第二选择状态时,接收针对时间选择面板内多个时间节点的选择操作,并将多个时间节点分别对应的时间标签在输入框中进行显示。
具体地,当有特殊需求需要进行多时间节点选择时,可通过点击时间选择器中的“多选”按钮,便可开启时间节点的多选状态,在多选状态下,时间选择面板中显示“取消/确定”按钮;接收用户对多选状态下的时间选择面板内时间节点的点击选择操作,即可将用户选择的多个时间节点在输入框中进行显示。
下面结合附图对本公开实施例中多选状态下的时间节点选择过程进行说明,图4是本公开实施例提供的多选状态下进行时间节点选择的示意图。如图4所示,该多个时间节点选择过程主要包括以下内容:
当处于“多选”状态时,用户点击时间选择面板内的日期即可直接进行时间选择;被点击选中的时间节点对应的日期变成蓝色,此时,时间选择面板上方的输入框中便会出现所选择时间对应的时间标签。需要说明的是,与单选状态不同的时,当用户点击选择一个时间日期后,需要点击“确认”按钮,上方输入框内才会出现当前选择后的时间标签;当然,也可以在用户点击完所有需要添加的时间日期之后,再点击“确定”按钮,对自己的选择结果进行确认,之后输入框内会出现所有选择的时间标签。
进一步地,对于输入框中所选择的时间标签,如果选择错误可直接点击时间标签后面的“×”号进行删除。图4所示为用户点击选择两个时间节点时,时间选择器所呈现的样式,下面通过具体实施例对超过两个时间节点时,时间选择器的选择状态以及时间标签的排序方式进行详细说明。
在一些实施例中,将多个时间节点分别对应的时间标签在输入框中进行显示,包括:根据预先配置的排序规则,将多个时间节点对应的时间标签在输入框中进行排序,以便按照排序规则对时间标签进行展示;其中,排序规则包括以下规则中的任意一种:按照对多个时间节点的点击顺序进行排序,按照多个时间节点的时间先后顺序进行排序,以及按照对时间标签的拖动操作进行自由排序。
具体地,当用户点击选择完一组时间日期,并点击“确认”按钮后,时间选择面板上方输入框内会出现多个选择后的时间标签,并且系统按照预先配置的排序规则对选择的多个时间标签进行自动排序。图5是本公开实施例提供的多个时间节点的选择以及对时间标签排序的示意图。如图5所示,该多个时间节点选择及时间标签排序过程主要包括以下内容:
当用户通过点击选择多个时间日期之后,每个时间日期对应的时间标签均在输入框中进行显示,为了便于用户对已选择的时间标签的观察,系统还会自动根据排序规则对时间标签进行排序,在图5中,用户选择了6个时间节点,相应的时间标签则按照时间先后顺序在输入框中进行排序。用户选择完毕之后,点击“确定”按钮,时间选择面板自动关闭,重新返回到用户选项页面。
进一步地,当用户选择错误,需要删除已选择的时间标签时,可以采用以下两种操作方法:直接在输入框内,点击时间标签后的“×”对时间标签进行删除;或者,在时间选择面板的选中状态基础上,再次点击时间日期,便会取消选中,上方的时间标签自动消失。
根据本公开实施例提供的技术方案,用户可以利用一个时间选择器添加多个时间节点,并且不同的时间节点对应不同的时间标签,时间标签可以按照一定的排序规则在输入框中自动进行排序,因此,提升了用户的操作体验,提高了时间节点的选择效率。
在一些实施例中,该方法还包括:当输入框中存在多个时间节点分别对应的时间标签时,对时间标签进行折行处理,并根据折行处理后的时间标签的显示范围,对输入框的高度进行自适应调节。
具体地,当用户选择了多个时间节点时,由于每个时间节点对应的时间标签都需要在输入框中进行展示,而为了避免过多的时间标签拉长页面显示范围,降低用户的浏览难度,还可以对时间标签进行折行处理,同时,输入框的高度则按照时间标签折行后的高度进行规范性增加。
进一步地,为了更形象地对本申请单选和多选后的显示结果进行描述,下面结合附图对本公开实施例中单选和多选状态的选择结果进行说明,图6是本公开实施例提供的单选状态的时间节点选择的效果示意图,图7是本公开实施例提供的多选状态的时间节点选择的效果示意图。如图6所示,在单选状态下,只能对一个时间节点进行选择,选择后的时间节点对应的时间标签在输入框中进行显示;如图7所示,在多选状态下,可以对多个时间节点进行选择,选择后的所有时间节点对应的时间标签按照顺序在输入框中进行排列显示。
进一步地,在多选状态下,除了可以选择某个具体的时间点之外,还可以按照区间进行时间选择,图8是本公开实施例提供的多选状态下按照时间区间进行选择的效果示意图。如图8所示,在多选状态下,将用户点击时间点的时间区间作为最终的时间标签,比如图8中的2020-03-04至2020-04-04作为一个时间标签,用户可以对多个不同的时间区间进行选择并展示其标签。
进一步地,在进行时间节点的选择时,除了按照日维度进行选择之外,还可以按照其他维度选择时间,比如年维度、月维度、周维度、日维度、日期段维度等,图9a是本公开实施例提供的年维度的时间节点选择的效果示意图,图9b是本公开实施例提供的月维度的时间节点选择的效果示意图,图9c是本公开实施例提供的周维度的时间节点选择的效果示意图,图9d是本公开实施例提供的日维度的时间节点选择的效果示意图,图9e是本公开实施例提供的日期段维度的时间节点选择的效果示意图。
根据本公开实施例提供的技术方案,通过在用户界面中显示选项页面,选项页面中包含时间选择器,时间选择器用于选择一个或多个时间节点;接收针对时间选择器的第一操作指令,以使时间选择器开启时间选择面板,并确定时间选择面板的当前状态;根据时间选择面板的当前状态,接收针对时间选择面板内时间节点的第二操作指令,以便选择一个或多个时间节点,并将一个或多个时间节点在时间选择器的输入框中进行显示,能够避免用户界面或者弹窗被拉长,降低用户滚动浏览操作的次数,提升用户的操作体验,并提高用户对时间节点进行选择的效率。
下述为本公开装置实施例,可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节,请参照本公开方法实施例。
图10是本公开实施例提供的多时间节点选择装置的结构示意图。如图10所示,该多时间节点选择装置包括:
显示模块110,被配置为在用户界面中显示选项页面,选项页面中包含时间选择器,时间选择器用于选择一个或多个时间节点;
接收模块120,被配置为接收针对时间选择器的第一操作指令,以使时间选择器开启时间选择面板,并确定时间选择面板的当前状态;
选择模块130,被配置为根据时间选择面板的当前状态,接收针对时间选择面板内时间节点的第二操作指令,以便选择一个或多个时间节点,并将一个或多个时间节点在时间选择器的输入框中进行显示。
在一些实施例中,图10的接收模块120接收针对时间选择器中时间选择区域的点击操作指令,以便在时间选择器的下方弹出时间选择面板,时间选择面板内包含状态切换按钮,状态切换按钮用于触发针对时间选择面板的当前状态的切换操作。
在一些实施例中,时间选择面板的当前状态包括第一选择状态和第二选择状态;其中,第一选择状态用于表示针对时间节点的单选状态,第二选择状态用于表示针对时间节点的多选状态。
在一些实施例中,当时间选择面板处于预设的第一选择状态时,图10的选择模块130当时间选择面板的当前状态为预设的第一选择状态时,接收针对时间选择面板内一个时间节点的选择操作,并将一个时间节点对应的时间标签在输入框中进行显示。
在一些实施例中,当时间选择面板处于预设的第二选择状态时,图10的选择模块130当时间选择面板的当前状态为预设的第二选择状态时,接收针对时间选择面板内多个时间节点的选择操作,并将多个时间节点分别对应的时间标签在输入框中进行显示。
在一些实施例中,图10的选择模块130根据预先配置的排序规则,将多个时间节点对应的时间标签在输入框中进行排序,以便按照排序规则对时间标签进行展示;其中,排序规则包括以下规则中的任意一种:按照对多个时间节点的点击顺序进行排序,按照多个时间节点的时间先后顺序进行排序,以及按照对时间标签的拖动操作进行自由排序。
在一些实施例中,图10的选择模块130当输入框中存在多个时间节点分别对应的时间标签时,对时间标签进行折行处理,并根据折行处理后的时间标签的显示范围,对输入框的高度进行自适应调节。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本公开实施例的实施过程构成任何限定。
图11是本公开实施例提供的电子设备11的结构示意图。如图11所示,该实施例的电子设备11包括:处理器1101、存储器1102以及存储在该存储器1102中并且可以在处理器1101上运行的计算机程序1103。处理器1101执行计算机程序1103时实现上述各个方法实施例中的步骤。或者,处理器1101执行计算机程序1103时实现上述各装置实施例中各模块/单元的功能。
示例性地,计算机程序1103可以被分割成一个或多个模块/单元,一个或多个模块/单元被存储在存储器1102中,并由处理器1101执行,以完成本公开。一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述计算机程序1103在电子设备11中的执行过程。
电子设备11可以是桌上型计算机、笔记本、掌上电脑及云端服务器等电子设备。电子设备11可以包括但不仅限于处理器1101和存储器1102。本领域技术人员可以理解,图11仅仅是电子设备11的示例,并不构成对电子设备11的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如,电子设备还可以包括输入输出设备、网络接入设备、总线等。
处理器1101可以是中央处理单元(Central Processing Unit,CPU),也可以是其它通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其它可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器1102可以是电子设备11的内部存储单元,例如,电子设备11的硬盘或内存。存储器1102也可以是电子设备11的外部存储设备,例如,电子设备11上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(FlashCard)等。进一步地,存储器1102还可以既包括电子设备11的内部存储单元也包括外部存储设备。存储器1102用于存储计算机程序以及电子设备所需的其它程序和数据。存储器1102还可以用于暂时地存储已经输出或者将要输出的数据。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本公开的范围。
在本公开所提供的实施例中,应该理解到,所揭露的装置/计算机设备和方法,可以通过其它的方式实现。例如,以上所描述的装置/计算机设备实施例仅仅是示意性的,例如,模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口,装置或单元的间接耦合或通讯连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本公开各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读存储介质中。基于这样的理解,本公开实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,计算机程序可以存储在计算机可读存储介质中,该计算机程序在被处理器执行时,可以实现上述各个方法实施例的步骤。计算机程序可以包括计算机程序代码,计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。计算机可读介质可以包括:能够携带计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、电载波信号、电信信号以及软件分发介质等。需要说明的是,计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如,在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。
以上实施例仅用以说明本公开的技术方案,而非对其限制;尽管参照前述实施例对本公开进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本公开各实施例技术方案的精神和范围,均应包含在本公开的保护范围之内。
Claims (10)
1.一种多时间节点选择方法,其特征在于,包括:
在用户界面中显示选项页面,所述选项页面中包含时间选择器,所述时间选择器用于选择一个或多个时间节点;
接收针对所述时间选择器的第一操作指令,以使所述时间选择器开启时间选择面板,并确定所述时间选择面板的当前状态;
根据所述时间选择面板的当前状态,接收针对所述时间选择面板内所述时间节点的第二操作指令,以便选择一个或多个时间节点,并将所述一个或多个时间节点在所述时间选择器的输入框中进行显示。
2.根据权利要求1所述的方法,其特征在于,所述接收针对所述时间选择器的第一操作指令,以使所述时间选择器开启时间选择面板,包括:
接收针对所述时间选择器中时间选择区域的点击操作指令,以便在所述时间选择器的下方弹出所述时间选择面板,所述时间选择面板内包含状态切换按钮,所述状态切换按钮用于触发针对所述时间选择面板的当前状态的切换操作。
3.根据权利要求1所述的方法,其特征在于,所述时间选择面板的当前状态包括第一选择状态和第二选择状态;
其中,所述第一选择状态用于表示针对所述时间节点的单选状态,所述第二选择状态用于表示针对所述时间节点的多选状态。
4.根据权利要求3所述的方法,其特征在于,当所述时间选择面板处于预设的第一选择状态时,所述接收针对所述时间选择面板内所述时间节点的第二操作指令,包括:
当所述时间选择面板的当前状态为预设的所述第一选择状态时,接收针对所述时间选择面板内一个时间节点的选择操作,并将所述一个时间节点对应的时间标签在所述输入框中进行显示。
5.根据权利要求3所述的方法,其特征在于,当所述时间选择面板处于预设的第二选择状态时,所述接收针对所述时间选择面板内所述时间节点的第二操作指令,包括:
当所述时间选择面板的当前状态为预设的所述第二选择状态时,接收针对所述时间选择面板内多个时间节点的选择操作,并将所述多个时间节点分别对应的时间标签在所述输入框中进行显示。
6.根据权利要求5所述的方法,其特征在于,所述将所述多个时间节点分别对应的时间标签在所述输入框中进行显示,包括:
根据预先配置的排序规则,将所述多个时间节点对应的所述时间标签在所述输入框中进行排序,以便按照所述排序规则对所述时间标签进行展示;
其中,所述排序规则包括以下规则中的任意一种:按照对所述多个时间节点的点击顺序进行排序,按照所述多个时间节点的时间先后顺序进行排序,以及按照对所述时间标签的拖动操作进行自由排序。
7.根据权利要求5所述的方法,其特征在于,所述方法还包括:
当所述输入框中存在所述多个时间节点分别对应的时间标签时,对所述时间标签进行折行处理,并根据所述折行处理后的所述时间标签的显示范围,对所述输入框的高度进行自适应调节。
8.一种多时间节点选择装置,其特征在于,包括:
显示模块,被配置为在用户界面中显示选项页面,所述选项页面中包含时间选择器,所述时间选择器用于选择一个或多个时间节点;
接收模块,被配置为接收针对所述时间选择器的第一操作指令,以使所述时间选择器开启时间选择面板,并确定所述时间选择面板的当前状态;
选择模块,被配置为根据所述时间选择面板的当前状态,接收针对所述时间选择面板内所述时间节点的第二操作指令,以便选择一个或多个时间节点,并将所述一个或多个时间节点在所述时间选择器的输入框中进行显示。
9.一种电子设备,包括存储器,处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如权利要求1至7中任一项所述的方法。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111423558.7A CN114153345B (zh) | 2021-11-26 | 2021-11-26 | 多时间节点选择方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111423558.7A CN114153345B (zh) | 2021-11-26 | 2021-11-26 | 多时间节点选择方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114153345A true CN114153345A (zh) | 2022-03-08 |
CN114153345B CN114153345B (zh) | 2024-05-17 |
Family
ID=80458157
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111423558.7A Active CN114153345B (zh) | 2021-11-26 | 2021-11-26 | 多时间节点选择方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114153345B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115424393A (zh) * | 2022-08-24 | 2022-12-02 | 青岛海容商用冷链股份有限公司 | 一种售货机节能时间设定方法及系统 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2014089460A2 (en) * | 2012-12-07 | 2014-06-12 | Lithium Technologies, Inc. | Device, method and user interface for presenting analytic data |
US20180101894A1 (en) * | 2016-10-12 | 2018-04-12 | Jon Edward Markoff | Providing On-Demand User-Based Services Through Use Of Portable Computing Devices |
CN108052365A (zh) * | 2017-12-19 | 2018-05-18 | 深圳市四格互联信息技术有限公司 | 用户界面的组件生成方法及装置 |
CN108874279A (zh) * | 2018-05-04 | 2018-11-23 | 珠海格力电器股份有限公司 | 一种选择方法及装置、终端设备和可读存储介质 |
CN109521929A (zh) * | 2018-11-09 | 2019-03-26 | 深圳市小牛普惠投资管理有限公司 | 表单单选交互方法、装置、计算机设备及存储介质 |
CN111414565A (zh) * | 2020-03-27 | 2020-07-14 | 北京字节跳动网络技术有限公司 | 信息展示的方法、装置、电子设备和存储介质 |
CN113407615A (zh) * | 2021-05-13 | 2021-09-17 | 北京达佳互联信息技术有限公司 | 数据展示方法、装置、电子设备及存储介质 |
-
2021
- 2021-11-26 CN CN202111423558.7A patent/CN114153345B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2014089460A2 (en) * | 2012-12-07 | 2014-06-12 | Lithium Technologies, Inc. | Device, method and user interface for presenting analytic data |
US20180101894A1 (en) * | 2016-10-12 | 2018-04-12 | Jon Edward Markoff | Providing On-Demand User-Based Services Through Use Of Portable Computing Devices |
CN108052365A (zh) * | 2017-12-19 | 2018-05-18 | 深圳市四格互联信息技术有限公司 | 用户界面的组件生成方法及装置 |
CN108874279A (zh) * | 2018-05-04 | 2018-11-23 | 珠海格力电器股份有限公司 | 一种选择方法及装置、终端设备和可读存储介质 |
CN109521929A (zh) * | 2018-11-09 | 2019-03-26 | 深圳市小牛普惠投资管理有限公司 | 表单单选交互方法、装置、计算机设备及存储介质 |
CN111414565A (zh) * | 2020-03-27 | 2020-07-14 | 北京字节跳动网络技术有限公司 | 信息展示的方法、装置、电子设备和存储介质 |
CN113407615A (zh) * | 2021-05-13 | 2021-09-17 | 北京达佳互联信息技术有限公司 | 数据展示方法、装置、电子设备及存储介质 |
Non-Patent Citations (3)
Title |
---|
DAOTIN: "textarea内容自动撑开高度,实现高度自适应", pages 1 - 2, Retrieved from the Internet <URL:https://cloud.tencent.com/developer/article/1840701> * |
RAY_CHEN: "el-select单选切多选", pages 1, Retrieved from the Internet <URL:https://blog.csdn.net/weixin_44707050/article/details/121242998> * |
程序员大阳: "Element el-date-picker日期选择器详解", pages 1 - 4, Retrieved from the Internet <URL:https://blog.csdn.net/woshisangsang/article/details/120745535> * |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115424393A (zh) * | 2022-08-24 | 2022-12-02 | 青岛海容商用冷链股份有限公司 | 一种售货机节能时间设定方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN114153345B (zh) | 2024-05-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112148174A (zh) | 应用程序信息显示方法、装置及电子设备 | |
CN112214142B (zh) | 应用程序信息显示方法、装置、电子设备及存储介质 | |
CN109783757B (zh) | 渲染网页的方法及装置、系统、存储介质、电子装置 | |
CN112035235A (zh) | 任务调度方法、系统、设备及存储介质 | |
CN108268275B (zh) | 软件版本控制方法及软件版本控制设备 | |
CN109635211A (zh) | 推广页面的实现方法及服务器 | |
CN110443494A (zh) | 数据分配方法和装置 | |
US20150235320A1 (en) | Securities information display method, apparatus, and system | |
CN114153345A (zh) | 多时间节点选择方法、装置、电子设备及存储介质 | |
CN107748636A (zh) | 图片批量剪裁方法、装置及终端 | |
CN108197338A (zh) | 一种浏览器书签生成方法、系统及终端设备 | |
CN106293658A (zh) | 一种界面组件生成方法及其设备 | |
CN107609174A (zh) | 一种内容检索的方法及装置、终端和可读存储介质 | |
US10762116B2 (en) | System and method for analyzing and visualizing team conversational data | |
CN102509251A (zh) | 数据统计的方法及装置 | |
WO2016069026A1 (en) | System for selecting continuously connected display elements from an interface using a continuous sweeping motion | |
CN108829316A (zh) | 数据获取方法、装置、电子设备及可读存储介质 | |
CN110659096B (zh) | 一种网络拓扑图的展示方法、装置、系统和存储介质 | |
CN106708540B (zh) | 一种通用时间选择方法 | |
CN107135258A (zh) | 消息推送的方法以及服务器 | |
CN109587038A (zh) | 消息推送方法及装置 | |
CN112328153B (zh) | 显示方法、装置以及存储介质 | |
CN108287741A (zh) | 一种构建管理界面的方法及设备 | |
CN114816172B (zh) | 人员排班交互处理方法、装置及电子设备 | |
CN112328138B (zh) | 数据显示方法、装置以及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20230117 Address after: 518054 cable information transmission building 25f2504, no.3369 Binhai Avenue, Haizhu community, Yuehai street, Nanshan District, Shenzhen City, Guangdong Province Applicant after: Shenzhen Xumi yuntu Space Technology Co.,Ltd. Address before: No.103, no.1003, Nanxin Road, Nanshan community, Nanshan street, Nanshan District, Shenzhen City, Guangdong Province Applicant before: Shenzhen Jizhi Digital Technology Co.,Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant |