[发明专利]一种基于Vue的时间选择组件及其时间显示方法

权利要求书

1.一种基于Vue的时间选择组件，其特征在于，包含时间选择组件，所述时间选择组件用于根据用户指令对应生成第一时间显示区和第二时间显示区的时间，其中，所述第一时间显示区的时间为时间段的开始时间，所述第二时间显示区的时间为时间段的结束时间。

2.根据权利要求1所述的一种基于Vue的时间选择组件，其特征在于，所述时间选择组件包含高频时间段快捷选择组件，所述高频时间段快捷选择组件用于根据用户输入的快捷指令对应生成第一时间显示区和第二时间显示区的时间，其中，所述快捷指令包含“今天”、“昨天”、“本周”、“本月”、“三月”和/或“一年”。

3.根据权利要求1或2所述的一种基于Vue的时间选择组件，其特征在于，所述时间选择组件包含用户自定义时间段选择组件，所述用户自定义时间段选择组件用于：

当检测到用户作用于第一时间显示区或者第二时间显示区的触发信号时，显示时间选择下拉框界面；

在检测到用户作用于时间选择下拉框上方年份和月份轮转区域的触发信号时，根据用户的操作，将年份和月份按自然顺序改变；

在检测到具体日期区域的触发信号时，对相应日期进行标记，并生成第一时间显示区和第二时间显示区的时间。

4.一种基于权利要求1所述的基于Vue的时间选择组件的时间显示方法，其特征在于，包括：时间选择组件根据用户指令对应生成第一时间显示区和第二时间显示区的时间，其中所述第一时间显示区的时间为时间段的开始时间，所述第二时间显示区的时间为时间段的结束时间。

5.根据权利要求4所述的基于Vue的时间选择组件的时间显示方法，其特征在于，所述时间选择组件包含高频时间段快捷选择组件，所述高频时间段快捷选择组件根据用户输入的快捷指令对应生成第一时间显示区和第二时间显示区的时间，其中，所述快捷指令包含“今天”、“昨天”、“本周”、“本月”、“三月”和/或“一年”。

6.根据权利要求4所述的基于Vue的时间选择组件的时间显示方法，其特征在于，所述时间选择组件包含用户自定义时间段选择组件；

所述用户自定义时间段选择组件检测到用户作用于第一时间显示区或者第二时间显示区的触发信号；

所述用户自定义时间段选择组件显示时间选择下拉框界面；

所述用户自定义时间段选择组件检测用户作用于时间选择下拉框上方年份和月份轮转区域的触发信号；

所述用户自定义时间段选择组件将年份和月份按自然顺序改变；

所述用户自定义时间段选择组件检测具体日期区域的触发信号；

所述用户自定义时间段选择组件对相应日期进行标记，并生成第一时间显示区和第二时间显示区的时间。

7.根据权利要求6所述的基于Vue的时间选择组件的时间显示方法，其特征在于，所述用户自定义时间段选择组件在检测到时间段选取确认触发信号之前，根据用户选取的所需日期，在相应时间显示区域交替变化的显示时间。