CN104123633A - 一种日历控件 - Google Patents

Abstract

本发明实施例所述的日历控件，因为灵活定位组件向用户展示年份定位区和月份定位区，并在所述年份定位区展示用户当前选中的年份，在所述月份定位区、以预设方式展示用户当前选中的月份标识和/或季标识，并且，精准时间定位组件用于向用户展示所述灵活定位组件中当前选中的年份和月份对应的日期范围，可见，本发明实施例所述的日历控件，当仅选择年份和月份时，精准时间定位组件即能够展示当前选中的年份和月份对应的日期范围，所以，本发明实施例所述的日历控件，能够支持仅对年份和月份的定位，在用户选择的时间范围为整月的情况下，用户不必再对日进行定位，从而能够提高日历控件定位时间的便捷性。

Description

一种日历控件

技术领域

本发明涉及计算机领域，尤其涉及一种日历控件。

背景技术

日历控件是一种常用的、通过与用户的交互操作实现时间定位的装置。现有的日历控件通常使用下拉菜单显示可选择的时间范围，例如图4所示为某银行页面中供用户查询的日历控件，用户需要在下拉菜单中选择月份和年份，然后在选中月份的日期中点击选择日。

可见，不论用户需要定位哪种时间范围，均需要依次进行年月日的选择。而每次均需定位年月日，无疑增加了使用日历控件的复杂程度。

因此，如何提高日历控件定位时间的便捷性成为当前待解决的问题。

发明内容

本发明实施例提供了日历控件，目的在于解决如何提高日历控件定位时间的便捷性的问题。

为了实现上述目的，本发明实施例公开了以下技术方案：

一种日历控件，包括：

灵活定位组件，用于向用户展示年份定位区和月份定位区，所述月份定位区中包括月份标识和季标识，并在所述年份定位区展示用户当前选中的年份，在所述月份定位区、以预设方式展示用户当前选中的月份标识和/或季标识，以区别所述用户当前选中的月份标识和/或季标识与其它月份标识和季标识；

精准时间定位组件，用于向用户展示所述灵活定位组件中当前选中的年份和月份对应的日期范围。

可选地，所述精准时间定位组件还用于：

当接收到预设的触发指令时，向用户展示下一级弹层，所述下一级弹层中包括开始的年、月和日的选择界面，以及结束的年、月和日的选择界面。

可选地，所述灵活定位组件在所述月份定位区、以预设方式展示用户当前选中的月份标识和/或季标识包括：

所述灵活定位组件监听可选择的月份标识的鼠标或触控动作，当监听到一个可选择的月份标识上的鼠标或触控按下事件时，记录所述鼠标或触控按下事件对应的月份标识；

当监听到可选择月份标识上的鼠标或触控移动事件后，如果确定之前已记录下鼠标或触控按下事件，且监听到的全局鼠标或触控抬起事件对应的月份标识为所述可选择的月份标识，则所述灵活定位组件在所述月份定位区为所述鼠标或触控移动事件对应的月份标识添加滑动选择样式。

可选地，所述灵活定位组件还用于：

当监听到可选择月份标识上的鼠标或触控移动事件后，如果确定之前未记录下鼠标或触控按下事件，或者，监听到的全局鼠标或触控抬起事件对应的月份标识为不可选择的月份标识，则所述灵活定位组件确定所述鼠标或触控移动事件无效。

可选地，所述灵活定位组件还用于：

当接收到选择指令后，在所述年份定位区以下拉菜单的形式展示可选择的年份，并将当前选中的年份、当前鼠标或触控悬停的年份与其它年份区别显示。

可选地，还包括：

公历农历转换组件，用于当检测到用户的触发指令后，如果所述日历控件当前为公历模式，则转换到农历模式，如果所述日历控件当前为农历模式，则转换到公历模式，在所述公历模式中，所述年份、所述月份标识和所述季标识均以公历形式表示，在所述农历模式中，所述年份、所述月份标识和所述季标识均以农历形式表示。

可选地，在所述当前的模式为农历模式时，所述灵活定位组件还用于：

在所述月份定位区标示闰月；

所述精准时间定位组件还用于，标示所述日期范围的起和/或止日期对应的节气。

可选地，还包括：

相对时间定位组件，用于以预设的步长，向用户展示当前时间点的相对时间定位点。

可选地，所述精准定位组件还用于：

向用户展示所述相对时间定位组件中的时间定位点对应的日期范围。

可选地，所述灵活定位组件还用于：

将所述精准时间定位组件中显示的时间间隔对应的月份标识和/或季标识与其它月份标识和季标识区别显示，或者，

将所述相对时间定位组件中显示的相对时间定位点对应的月份标识和/或季标识与其它月份标识和季标识区别显示。

可选地，所述灵活定位组件用于将所述精准时间定位组件中显示的时间间隔对应的月份标识和/或季标识与其它月份标识和季标识区别显示，包括：

所述灵活定位组件用于，当所述精准时间定位组件中显示的时间间隔中包括不完整的月份时，在所述月份定位区，将所述不完整的月份的标识以预设方式显示；

所述灵活定位组件用于，将所述相对时间定位组件中显示的相对时间定位点对应的月份标识和/或季标识与其它月份标识和季标识区别显示，包括：

所述灵活定位组件用于，当所述精准时间定位组件中显示的时间间隔中包括不完整的月份时，在所述月份定位区，将所述不完整的月份的标识以预设方式显示。

本发明实施例所述的日历控件，因为灵活定位组件向用户展示年份定位区和月份定位区，并在所述年份定位区展示用户当前选中的年份，在所述月份定位区、以预设方式展示用户当前选中的月份标识和/或季标识，并且，精准时间定位组件用于向用户展示所述灵活定位组件中当前选中的年份和月份对应的日期范围，可见，本发明实施例所述的日历控件，当仅选择年份和月份时，精准时间定位组件即能够展示当前选中的年份和月份对应的日期范围，所以，本发明实施例所述的日历控件，能够支持仅对年份和月份的定位，在用户选择的时间范围为整月的情况下，用户不必再对日进行定位，从而能够提高日历控件定位时间的便捷性。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例公开的一种日历控件的示意图；

图2为本发明实施例公开的又一种日历控件的示意图；

图3为本发明实施例公开的日历控件的灵活定位组件展示下一级弹层选择开始日期和结束日期的示意图；

图4为现有常用的日历控件示意图；

图5为本发明实施例公开的日历控件的灵活定位组件展示待选年份的示意图；

图6为本发明实施例公开种日历控件的灵活定位组件展示多个被选中的月份标识的示意图；

图7为本发明实施例公开的日历控件的精准定位组件显示的时间随相对时间定位组件中的时间变化的示意图；

图8为本发明实施例公开的日历控件的灵活定位组件显示的时间随精准定位组件中的时间变化的示意图；

图9为本发明实施例公开的日历控件的灵活定位组件显示的时间随精准定位组件中的时间变化的示意图。

具体实施方式

日历控件的使用使得用户可以对大范围的数据进行定位排查，因此，在多种领域中都有着广泛的应用。本发明实施例所公开的日历控件，能够提升定位的便捷性。

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。需要说明的是，在以下实施例的描述中，均以鼠标动作为例进行说明，但本发明的实施例中，所有鼠标动作均可以被触控动作代替，触控按下、触控抬起和触控悬停等触控操作的实现均为本领域技术人员公知，下面不再赘述。本发明实施例公开的一种日历控件，如图1所示，包括：

灵活定位组件101和精准时间定位组件102。

其中，灵活定位组件101用于向用户展示年份定位区1011和月份定位区1012，所述月份定位区中包括月份标识和季标识，并在所述年份定位区展示用户当前选中的年份，在所述月份定位区、以预设方式展示用户当前选中的月份标识和/或季标识，以区别所述用户当前选中的月份标识和/或季标识与其它月份标识和季标识；精准时间定位组件102用于向用户展示所述灵活定位组件101中当前选中的年份和月份对应的日期范围。

例如，在图1中，灵活定位区中包括年份定位区，年份定位区中当前显示的年份为2014年；灵活定位区中还包括月份定位区，月份定位区中包括月份标识1-12月和季标识一季度至四季度，其中，将用户选定的月份标识2着重显示，以区别于当前未选中的月份标识。精准时间定位组件中显示灵活定位区中用户选中的2014年2月对应的日期范围2014-02-01至2014-02-28。

本实施例所述的日历控件，因为灵活定位组件包括年份定位区和月份定位区，并且精准时间定位组件可以向用户展示所述灵活定位组件中当前选中的年份和月份对应的日期范围，因此，当用户需要选择整年、整月以及整季度时，无需再依次进行年月日的选择，精准时间定位组件即可显示出包括年月日的时间范围，因此，提升了日历控件定位时间的便捷性。

本发明实施例公开的又一种日历控件，如图2所示，包括：灵活定位组件201、精准时间定位组件202、公历农历转换组件203和相对时间定位组件204。

其中，公历农历转换组件203用于当检测到用户的触发指令后，如果所述日历控件当前为公历模式，则转换到农历模式，如果所述日历控件当前为农历模式，则转换到公历模式。可选地，用户的触发指令可以为用户点击公历农历转换组件的信号。

在所述公历模式中，灵活定位组件将所述年份、所述月份标识和所述季标识均以公历形式表示(如图1中所示)，在所述农历模式中，灵活定位组件将所述年份、所述月份标识和所述季标识均以农历形式表示(如图2中所示)。

在所述当前的模式为农历模式时，如图2所示，所述灵活定位组件还可以用于：在所述月份定位区标示闰月；所述精准时间定位组件还可以用于，标示所述日期范围的起和/或止日期对应的节气。显然，在公历模式下，所述精准时间定位组件也可以标示所述日期范围的起和/或止日期对应的节气。

相对时间定位组件204用于以预设的步长，向用户展示当前时间点的相对时间定位点。例如在公历模式下，预设的步长为“季”、“月”和“周”，相对时间定位组件向用户展示“本季”、“本月”、“本周”以及“上季”、“上月”、“上周”。又例如图2中，在农历模式下，预设的步长为“季”和“月”，相对时间定位组件向用户展示“本季”、“本月”以及“上季”、“上月”。

除此以外，进一步的，本实施例所述的日历控件中，如图3所示，精准时间定位组件可以用于：当接收到预设的触发指令时，向用户显示下一级弹层，所述下一级弹层中包括开始的年、月和日的选择界面，以及结束的年、月和日的选择界面。

例如，可选地，预设的触发指令可以为鼠标悬停在精准时间定位组件上的信号，当检测到此信号后，展开下一级弹层，例如图3中，用户在下一级弹层中包括开始的年、月和日的选择界面中选择2014-1-1，在包括结束的年、月和日的选择界面中选择2014-1-6。

图4所示为现有常用的日历控件，因为其开始日期和结束日期的下拉菜单框是分开展示的，因此，用户需要先在一个下拉菜单框中选择开始日期，再在另一个下拉菜单框中选择结束日期。

而图3所示的日历控件与图4所示的日历控件相比，开始日期和结束日期的选择界面位于同一个弹层中，因此，用户可以“一站式”选择开始日期和结束日期，因此，减少了用户的操作环节，从而可以减少用户进行操作的所花费的时间，以实现快速时间定位的目的。

进一步的，本实施例所述的日历控件，如图5所示，所述灵活定位组件还可以用于：当接收到选择指令后，在所述年份定位区以下拉菜单的形式展示可选择的年份，并将当前选中的年份、当前鼠标悬停的年份与其它年份区别显示。例如图5中，在接收到鼠标点击年份定位区的指令后，灵活定位组件在年份定位区以下拉菜单的形式展示可选择的年份，并在当前选中的年份2014年的后面显示对号图标，将鼠标悬停的2011年的颜色加重显示，以区别与其它可选年份，以便达到用户可以从视觉上区分的效果。

本发明实施例公开的又一种日历控件，在上述实施例所述的日历控件的基础上，本实施例中，所述灵活定位组件在所述月份定位区、以预设方式展示用户当前选中的月份标识和/或季标识的一种具体实现方式可以为：

所述灵活定位组件监听可选择的月份标识的鼠标动作，当监听到一个可选择的月份标识上的鼠标按下事件时，记录所述鼠标按下事件对应的月份标识；

当监听到可选择月份标识上的鼠标移动事件后，如果确定之前已记录下鼠标按下事件，且监听到的全局鼠标抬起事件对应的月份标识为所述可选择的月份标识，则所述灵活定位组件在所述月份定位区为所述鼠标移动事件对应的月份标识添加滑动选择样式；

当监听到可选择月份标识上的鼠标移动事件后，如果确定之前未记录下鼠标按下事件，或者，监听到的全局鼠标抬起事件对应的月份标识为不可选择的月份标识，则所述灵活定位组件确定所述鼠标移动事件无效。

即如图6所示，用户需要选择4、5、6和7四个月时，可以先在月份标识4上按下鼠标，此时，灵活定位组件监听到鼠标按下事件，记录所述鼠标按下事件对应的月份标识，可选地，可以在被按下的月份标识展示凹槽状的显示效果，用户在启示月标识4上，按住鼠标左键不放，接着拖拽鼠标向右滑动，分别划过月份标识5、6和7，并在月份标识7上抬起鼠标左键，此时，灵活定位组件监听到可选择月份标识上的鼠标移动事件，并确定之前已记录下鼠标按下事件，且监听到的全局鼠标抬起事件对应的月份标识为所述可选择的月份标识，则所述灵活定位组件在所述月份定位区为所述鼠标移动事件对应的月份标识添加滑动选择样式。

当监听到可选择月份标识上的鼠标移动事件后，如果确定之前未记录下鼠标按下事件，或者，监听到的全局鼠标抬起事件对应的月份标识为不可选择的月份标识，则所述灵活定位组件确定所述鼠标移动事件无效。

可见，本实施例所述的日历控件，支持用户通过拖拽鼠标进行月份标识的选择，即用户可以灵活拖拽鼠标选择多月，除了向右拖拽外，也可以向左自由拖拽，因此，能够改善用户体验，并且增加月份选择的便捷性。

在以上实施例中，精准时间定位组件向用户展示所述灵活定位组件中当前选中的年份和月份对应的日期范围，即灵活定位组件影响精准时间定位组件的显示内容，除此以外，进一步的，精准时间定位组件也能够影响灵活定位组件显示的内容，以及，相对时间定位组件能够影响精准时间定位组件和灵活定位组件显示的内容。

具体地，所述精准定位组件还用于：向用户展示所述相对时间定位组件中的时间定位点对应的日期范围。例如，如图7所示，假设当前时间为2014-02-21，相对时间定位组件中选择“上周”，A的时间切换为2014-02-10到2014-02-16。

具体地，所述灵活定位组件还用于：将所述精准时间定位组件中显示的时间间隔对应的月份标识和/或季标识与其它月份标识和季标识区别显示，或者，将所述相对时间定位组件中显示的相对时间定位点对应的月份标识和/或季标识与其它月份标识和季标识区别显示。例如，如图8所示，精准时间定位组件中显示的时间为2014-02-01到2014-02-28，则灵活定位组件中将其对应的月份标识2着重显示，与其它月份标识相区别。

进一步的，当所述精准时间定位组件中显示的时间间隔中包括不完整的月份时，灵活定位组件在所述月份定位区，将所述不完整的月份的标识以预设方式显示；当所述精准时间定位组件中显示的时间间隔中包括不完整的月份时，在所述月份定位区，将所述不完整的月份的标识以预设方式显示。

例如图9中，精准时间定位组件中显示的时间间隔为2014-02-01到2013-03-15，则灵活定位组件在所述月份定位区将月份标识3以带斜纹的着重显示方式显示，以提示用户3月份没有被全部选中。又例如，在图7中，相对时间定位组件中选择“上周”，则灵活定位组件在所述月份定位区将月份标识2以带斜纹的着重显示方式显示。

需要说明的是，本实施例中以带斜纹的着重显示方式只是预设方式的一种实现方式，而并非全部，其它只要能够标示当前月份没有被全部选中的“模糊”的显示方式，都在本发明的保护范围内。

从上述说明可以看出，日历控件的不同组件之间相互影响，因此，能够灵活适应用户定位日期的需求。

本发明所述“组件”即为使用现有的编码或算法能够实现的装置，通常，在日历控件中，组件包括接收用户的交互数据、实现交互数据对应的功能以及显示结果的作用。

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

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (11)

1.一种日历控件，其特征在于，包括：

灵活定位组件，用于向用户展示年份定位区和月份定位区，所述月份定位区中包括月份标识和季标识，并在所述年份定位区展示用户当前选中的年份，在所述月份定位区、以预设方式展示用户当前选中的月份标识和/或季标识，以区别所述用户当前选中的月份标识和/或季标识与其它月份标识和季标识；

精准时间定位组件，用于向用户展示所述灵活定位组件中当前选中的年份和月份对应的日期范围。

2.根据权利要求1所述的日历控件，其特征在于，所述精准时间定位组件还用于：

当接收到预设的触发指令时，向用户展示下一级弹层，所述下一级弹层中包括开始的年、月和日的选择界面，以及结束的年、月和日的选择界面。

3.根据权利要求1或2所述的日历控件，其特征在于，所述灵活定位组件在所述月份定位区、以预设方式展示用户当前选中的月份标识和/或季标识包括：

所述灵活定位组件监听可选择的月份标识的鼠标或触控动作，当监听到一个可选择的月份标识上的鼠标或触控按下事件时，记录所述鼠标或触控按下事件对应的月份标识；

当监听到可选择月份标识上的鼠标或触控移动事件后，如果确定之前已记录下鼠标或触控按下事件，且监听到的全局鼠标或触控抬起事件对应的月份标识为所述可选择的月份标识，则所述灵活定位组件在所述月份定位区为所述鼠标或触控移动事件对应的月份标识添加滑动选择样式。

4.根据权利要求3所述的日历控件，其特征在于，所述灵活定位组件还用于：

当监听到可选择月份标识上的鼠标或触控移动事件后，如果确定之前未记录下鼠标或触控按下事件，或者，监听到的全局鼠标或触控抬起事件对应的月份标识为不可选择的月份标识，则所述灵活定位组件确定所述鼠标或触控移动事件无效。

5.根据权利要求4所述的日历控件，其特征在于，所述灵活定位组件还用于：

当接收到选择指令后，在所述年份定位区以下拉菜单的形式展示可选择的年份，并将当前选中的年份、当前鼠标或触控悬停的年份与其它年份区别显示。

6.根据权利要求1或2所述的日历控件，其特征在于，还包括：

公历农历转换组件，用于当检测到用户的触发指令后，如果所述日历控件当前为公历模式，则转换到农历模式，如果所述日历控件当前为农历模式，则转换到公历模式，在所述公历模式中，所述年份、所述月份标识和所述季标识均以公历形式表示，在所述农历模式中，所述年份、所述月份标识和所述季标识均以农历形式表示。

7.根据权利要求6所述的日历控件，其特征在于，在所述当前的模式为农历模式时，所述灵活定位组件还用于：

在所述月份定位区标示闰月；

所述精准时间定位组件还用于，标示所述日期范围的起和/或止日期对应的节气。

8.根据权利要求7所述的日历控件，其特征在于，还包括：

相对时间定位组件，用于以预设的步长，向用户展示当前时间点的相对时间定位点。

9.根据权利要求8所述的日历控件，其特征在于，所述精准定位组件还用于：

向用户展示所述相对时间定位组件中的时间定位点对应的日期范围。

10.根据权利要求8所述的日历控件，其特征在于，所述灵活定位组件还用于：

将所述精准时间定位组件中显示的时间间隔对应的月份标识和/或季标识与其它月份标识和季标识区别显示，或者，

将所述相对时间定位组件中显示的相对时间定位点对应的月份标识和/或季标识与其它月份标识和季标识区别显示。

11.根据权利要求10所述的日历控件，其特征在于，所述灵活定位组件用于将所述精准时间定位组件中显示的时间间隔对应的月份标识和/或季标识与其它月份标识和季标识区别显示，包括：

所述灵活定位组件用于，当所述精准时间定位组件中显示的时间间隔中包括不完整的月份时，在所述月份定位区，将所述不完整的月份的标识以预设方式显示；

所述灵活定位组件用于，将所述相对时间定位组件中显示的相对时间定位点对应的月份标识和/或季标识与其它月份标识和季标识区别显示，包括：

所述灵活定位组件用于，当所述精准时间定位组件中显示的时间间隔中包括不完整的月份时，在所述月份定位区，将所述不完整的月份的标识以预设方式显示。