基于wap的动态日历控件生成方法_2

文档序号:9217024阅读:来源:国知局
后,分配月份内的日期网格,对应为N行7列,其中N对应获取的月份有几周。
[0025]例如2014-2月有5周则N = 5,2014-3月有6周则N = 6。接着,初始化星期标题,既从左往右是:日、一、……六。随后,根据月份第一天为星期几,从第一行的具体列开始排列。并且,公历的周日是每周第一天,如果是周一,对应的是第二列,便于观察。最后,据月份总有多少天,逐个向后自动补充,且充顺序是从左往右,从上往下。
[0026]在此期间,为了能够进行有效的跳转,可以对加载数据进行统计。实施的时候循环比对日期,当得到相同日期时候,截取该日期对应的统计值,显示在日期窗格中。与此同时,截取该日期得到的链接值,并在统计值上附带快捷链接。当点击统计值时,进行链接地址的跳转。
[0027]上述过程处理完毕后,进行渲染展示格式。在此期间,为了拥有较佳的客户使用体验,可以对标题进行色泽强调,既对周信息进行粗体字样格式展示。同时,对周日和周六进行颜色区别。可以按照网格块状的样式,将每一天的展示位呈现拼地砖式效果,如图1所示。并且,考虑到能够快速识别指定日期,把指定日期(或者今天)进行地砖色加重。
[0028]结合用户的操作反馈来看,用户在点击操作动态日历控件时,若是短时间点击某一日期,则根据日期块对应的日期值,自动回写到引用页面的标签中。若是长时间点击,则查看统计明细,根据日期块对应的统计快捷链接,自动查询统计列表,在页面展示。同时,当用户选择日期过程中,可进行日期数据的回写,可以在点击明细链接过程中,进行链接地址跳转。
[0029]并且,在用户操作时,向上滑动日历,可表现为收起未选中的日期,仅保留选中日期所在的周,如图2所示。如果向下滑动日历,则展开月份完整日历,即回到图1的状态。
[0030]结合本发明的实际使用情况来看,可以通过手机APP实现。在实际界面中,月份内的曰期都是以每周一行的格式进行排列。当有指定日期选中的时候,页面进行颜色标注,同时标记日期对应的行信息。当手指点在日期网格中并向上拉动时候,根据手机屏幕获取动作事件,触发滑动收起效果逻辑。由此,可以保留被标记的行信息,隐藏其他的行。与之对应的是,如果为收起状态,当手指点在日期网格并向下拉动时候,同理获取滑动展开逻辑,还原所有的行并显示。
[0031]通过上述的文字表述可以看出,采用本发明后,可以通过手机APP作为载体横跨不同的手机系统平台进行应用。并且,可以在日历上有效显示明天的记录数,便于各种数值的归纳统计应用。更为重要的是,依托于JS控件的应用与创建DIV层的相互配合,能够进行快速选择,修改对应的日期数据,拥有较佳的输入体验。更为重要的是,可以通过WAP语言作为应用载体,实现有效的上线收缩效果。
【主权项】
1.基于WAP的动态日历控件生成方法,其特征在于包括以下步骤: 步骤①,在HTML页面中引入JS控件并判断是否存在初始化日期,若是,则传递初始化日期并进入步骤②,若否,则直接进入步骤②; 步骤②,判断是否需要日期统计,若是,则传递日期统计值,并传递统计明细URL,进入步骤③,若否,则直接进入步骤③; 步骤③,计算日期,并生成日期控制属性; 步骤④,引入JS控件,创建DIV层,加载数据内容; 步骤⑤,渲染展示格式; 步骤⑥,用户操作反馈; 在用户操作时,向上滑动日历,收起未选中的日期,仅保留选中日期所在的周;向下滑动日历,展开月份完整日历。2.根据权利要求1所述的基于WAP的动态日历控件生成方法,其特征在于:步骤②所述的传递日期按照年、月、日的格式进行传入。3.根据权利要求1所述的基于WAP的动态日历控件生成方法,其特征在于:步骤③所述的计算日历过程为,若有引入页面传递进来的指定日期,则获取指定日期所有月份进行展示,并自动标识指定日期所在的月份天数;若没有指定初始化日期,则默认取当前月份进行展示,并自动标识今天所在的月份天数。4.根据权利要求1所述的基于WAP的动态日历控件生成方法,其特征在于:步骤③所述的生成日期控制属性为,计算月份所对应的天数与星期数,计算月份第一天是星期几。5.根据权利要求1所述的基于WAP的动态日历控件生成方法,其特征在于:步骤④所述的加载数据内容为, 首先,根据DIV层,创建日期标题,所述的标题包括有年、月下拉框,并初始化制定年份和月份; 之后,分配月份内的日期网格,对应为N行7列,其中N对应获取的月份有几周; 接着,初始化星期标题,既从左往右是:日、一、……六; 随后,根据月份第一天为星期几,从第一行的具体列开始排列; 最后,据月份总有多少天,逐个向后自动补充,且充顺序是从左往右,从上往下。6.根据权利要求5所述的基于WAP的动态日历控件生成方法,其特征在于:所述的初始化逻辑为,根据传入的日期获取指定日期,截取日期数据中包含的年份、月份和日期,将年份、月份下拉框中的数据默认选中为指定日期数据,同时根据截取的天数据,将日历中的天进行标记,并标注颜色;若不存在传入日期,则默认将当日作为传入日期。7.根据权利要求5所述的基于WAP的动态日历控件生成方法,其特征在于:对加载数据进行统计,循环比对日期,当得到相同日期时候,截取该日期对应的统计值,显示在日期窗格中,同时截取该日期得到的链接值,并在统计值上附带快捷链接,当点击统计值时,进行链接地址的跳转。8.根据权利要求1所述的基于WAP的动态日历控件生成方法,其特征在于:所述的渲染过程包括,标题进行色泽强调,对周信息进行粗体字样格式展示,对周日和周六进行颜色区别,按照网格块状的样式,把每一天的展示位呈现拼地砖式效果,把指定日期进行地砖色加重。9.根据权利要求1所述的基于WAP的动态日历控件生成方法,其特征在于:步骤⑥所述的用户操作反馈为,点击操作动态日历控件,若是短时间点击某一日期,则根据日期块对应的日期值,自动回写到引用页面的标签中;若是长时间点击,则查看统计明细,根据日期块对应的统计快捷链接,自动查询统计列表,在页面展示。10.根据权利要求1所述的基于WAP的动态日历控件生成方法,其特征在于:所述的用户操作反馈包括选择日期与点击明细链接,所述的选择日期过程中,进行日期数据的回写;所述点击明细链接过程中,进行链接地址跳转。
【专利摘要】本发明涉及一种基于WAP的动态日历控件生成方法,其特点是:在HTML页面中引入JS控件进行对应的并判断工作。同时,进行日期统计值的相关传递来生成日期控制属性。同时,通过JS控件来创建DIV层,加载数据内容。最终实现展示格式的渲染,便于用户操作反馈。由此,能通过手机APP作为载体横跨不同的手机系统平台进行应用。并且,可以在日历上有效显示明天的记录数,便于各种数值的归纳统计应用。更为重要的是,可以通过WAP语言作为应用载体,实现有效的上线收缩效果。为本领域的技术进步拓展了控件,实施效果好。
【IPC分类】G06Q10/10, G06F9/44
【公开号】CN104932883
【申请号】CN201510305684
【发明人】陶立伟
【申请人】苏州全维软件科技有限公司
【公开日】2015年9月23日
【申请日】2015年6月4日
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1