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

文档序号:8282075阅读:来源:国知局
述时间视图对应的步长值和所述第一时间区的时间,生成第二时间区的时间。
[0052]需要说明的是,所述第一时间区的时间为时间段的开始时间,所述第二时间区的时间为所述时间段的结束时间,或者,所述第一时间区的时间为所述时间段的结束时间,所述第二时间区的时间为所述时间段的开始时间,并且该步长值是预先通过自定义接口设置的,具体的值可以根据实际需要进行调整。
[0053]例如,在图1中,该时间视图包括小时视图、天视图、周视图、月视图和年视图,可以通过时间视图选择控件确定其中的时视图为当前时间视图,然后再通过时间选择组件在第一时间区中选取该小时时间视图对应的开始时间为2014-11-2908,并按照该小时视图对应的步长值5小时,在第二时间区生成结束时间为2014-11-2913。
[0054]本发明实施例中,时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上,可以使多个时间视图进行关联,使得时间段的显示更加精确,并且只要通过时间选择组件选择其中第一时间区的时间,即可自动生成第二时间区的时间,简化操作,提升用户体验。
[0055]在本发明的一些实施例中,所述时间视图组件101用于确定时间视图具体包括:
[0056]用于设置时间视图与参数的对应关系,并获取用户输入的参数,然后根据所述参数确定与所述配置参数对应的所述时间视图。
[0057]例如,视图选择组件设置分钟视图的参数为1、小时视图的参数为2、天视图的参数为3、周视图的参数为4、月视图的参数为5、年视图的参数为6;然后该时间视图选择组件获取用户输入的参数2,此时该时间视图选择组件从时间视图中确定小时视图作为当前时间视图。
[0058]在本发明的一些实施例中,所述时间选择组件102用于选择所述时间视图中的第一时间区的时间具体包括;
[0059]当接收到时间选择的触发指令时,在所述第一时间区弹出下拉菜单或菜单窗口,所述下拉菜单或菜单窗口中包括时间选择界面;
[0060]在所述下拉菜单或菜单窗口中的时间选择界面选择所述时间。
[0061]如图2,在所述视图选择组件确定小时视图作为当前时间视图之后,该触发指令可以是,鼠标悬停在第一时间区的信号,当检测或接收到该信号时,在该第一时间区弹出菜单窗口 201,该菜单窗口 201中包含小时选择界面,具体该界面中可以包含拖放小时的进度条202,通过拖放该小时进度202条选择第一时间区的时间。
[0062]在本发明的一些实施例中所述时间选择组件102还用于接收时间视图切换指令,所述指令中携带有时间视图的标识;根据所述标识,查找匹配目标时间视图;将所述时间视图切换为目标视图。
[0063]例如,所述实现视图切换指令可以为,当所述时间选择组件检测到鼠标从时间视图选择组件的小时时间视图移动天时间视图时,检测或接收到鼠标悬停在天时间视图的信号,或者接收到用户输入的参数为3的指令,此时该时间选择组件利用该参数3和天时间视图的对应关系,在时间视图中查找匹配到天时间视图,并从当前的小时时间视图切换为天时间视图。
[0064]在本发明的一些实施例中所述时间控件还包括显示组件,所述显示组件用于确定所述时间视图的样式,并按照所述样式显示所述时间视图。
[0065]例如,可以将视图选择组件选中的时间视图以带斜纹、凹槽等样式进行显示,达到区别显示或着重显示的效果。
[0066]上面对本发明实施例中的一种时间控件进行了描述,下面对本发明实施例中的一种基于时间选择控件确定时间段的方法进行描述,请参阅图3,本发明实施例中一种基于时间选择控件获取时间段方法的一个实施例包括:
[0067]301、时间控件确定时间视图,所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上。
[0068]可以理解的时,本发明实施例中,各时间视图基于jquery、jqueryUI或其他代码实现,兼容性好且风格统一,便于将各时间视图进行组合使用。
[0069]302、所述时间控件选择所述时间视图中的第一时间区的时间,并根据预置的所述时间视图对应的步长值和所述第一时间区的时间,生成第二时间区的时间;
[0070]其中,所述第一时间区的时间为时间段的开始时间,所述第二时间区的时间为所述时间段的结束时间,或者,所述第一时间区的时间为所述时间段的结束时间,所述第二时间区的时间为所述时间段的开始时间。
[0071]需要说明的是,该步长值是预先通过自定义接口设置的,具体的值可以根据实际需要进行调整。
[0072]请参阅图4,本发明实施例的一种基于时间选择控件获取时间段方法的另一个实施例,具体包括:
[0073]401、时间控件确定时间视图,所述时间视图包括分钟视图、小时视图、天视图、周视图、月视图和年视图中的一种以上.
[0074]可以理解的时,本发明实施例中,各时间视图基于jquery、jqueryUI或其他代码实现,兼容性好且风格统一,便于将各时间视图进行组合使用。
[0075]在确定时间视图之后,可以按照不同的样式进行显示,可选的,本发明实施例的步骤401之后,还可以包括步骤402。
[0076]402、所述时间控件确定所述时间视图的样式,并按照所述样式显示所述时间视图。
[0077]例如,可以将视图选择组件选中的时间视图以带斜纹、凹槽等样式进行显示,达到区别显示或着重显示的效果。
[0078]403、所述时间控件选择所述时间视图中的第一时间区的时间,并根据预置的所述时间视图对应的步长值和所述第一时间区的时间,生成第二时间区的时间。
[0079]其中,所述第一时间区的时间为时间段的开始时间,所述第二时间区的时间为所述时间段的结束时间,或者,所述第一时间区的时间为所述时间段的结束时间,所述第二时间区的时间为所述时间段的开始时间。
[0080]需要说明的是,该步长值是预先通过自定义接口设置的,具体的值可以根据实际需要进行调整。
[0081]可选地,本发明实施例中步骤401具体可包括:
[0082]401a、设置时间视图与参数的对应关系。
[0083]401b、获取用户输入的参数。
[0084]401c、根据所述参数确定与所述配置参数对应的所述时间视图。
[0085]例如,视图选择组件设置分钟视图的参数为1、小时视图的参数为2、天视图的参数为3、周视图的参数为4、月视图的参数为5、年视图的参数为6;然后该时间视图选择组件获取用户输入的参数2,此时该时间视图选择组件从时间视图中确定小时视图作为当前时间视图。
[0086]本发明的一些实施例中,在时间控件选择开始时间或结束时间时,具体可以通过从下拉菜单或菜单窗口中进行选取。
[0087]可选地,本实施例的步骤402具体可包括:
[0088]403a、当接收到时间选择的触发指令时,在所述第一时间区弹出下拉菜单或菜单窗口,所述下拉菜单或菜单窗口中包括时间选择界面;
[0089]403b、在所述下拉菜单或菜单窗口中的时间选择界面选择所述时间。
[0090]例如,在所述视图选择组件确定小时视图作为当前时间视图之后,该触发指令可以是,鼠标悬停在第一时间区的信号,当检测或接收到该信号时,在该第一时间区弹出菜单窗口,该菜单窗口中包含小时选择界面,具体该界面中可以包含拖放小时的进度条,通过拖放该小时进度条选择第一时间区的时间。
[0091]根据实际需要,该时间控件可以切换时间视图,从而支持不同精确度的时间端。
[0092]可选的,在本
当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1