基于wap的动态日历控件生成方法
【技术领域】
[0001]本发明涉及一种日历控件生成方法，尤其涉及一种基于WAP的动态日历控件生成方法。
【背景技术】
[0002]目前常见的日期控件，其采用windows通用的世界公历算法，按照指定日期所在月份进行网格展示，并列出星期分布。但是，现有的空间和生成方法无法在日历上显示每天的记录数，并且无法做到上线收缩。这样，不能进行相关的备注，同时无法通过上线收缩及时进行界面调整。
【发明内容】
[0003]本发明的目的就是为了解决现有技术中存在的上述问题，提供一种基于WAP的动态日历控件生成方法。
[0004]本发明的目的通过以下技术方案来实现:
[0005]基于WAP的动态日历控件生成方法，其特征在于包括以下步骤:步骤①，在HTML页面中引入JS控件并判断是否存在初始化日期，若是，则传递初始化日期并进入步骤②，若否，则直接进入步骤②。步骤②，判断是否需要日期统计，若是，则传递日期统计值，并传递统计明细URL，进入步骤③，若否，则直接进入步骤③。步骤③，计算日期，并生成日期控制属性。步骤④，引入JS控件，创建DIV层，加载数据内容。步骤⑤，渲染展示格式。步骤⑥，用户操作反馈。在用户操作时，向上滑动日历，收起未选中的日期，仅保留选中日期所在的周；向下滑动日历，展开月份完整日历。
[0006]上述的基于WAP的动态日历控件生成方法，其中:步骤②所述的传递日期按照年、月、日的格式进行传入。
[0007]进一步地，上述的基于WAP的动态日历控件生成方法，其中:步骤③所述的计算日历过程为，若有引入页面传递进来的指定日期，则获取指定日期所有月份进行展示，并自动标识指定日期所在的月份天数；若没有指定初始化日期，则默认取当前月份进行展示，并自动标识今天所在的月份天数。
[0008]更进一步地，上述的基于WAP的动态日历控件生成方法，其中:步骤③所述的生成日期控制属性为，计算月份所对应的天数与星期数，计算月份第一天是星期几。
[0009]更进一步地，上述的基于WAP的动态日历控件生成方法，其中:步骤④所述的加载数据内容为，首先，根据DIV层，创建日期标题，所述的标题包括有年、月下拉框，并初始化制定年份和月份。之后，分配月份内的日期网格，对应为N行7列，其中N对应获取的月份有几周。接着，初始化星期标题，既从左往右是:日、一、……六。随后，根据月份第一天为星期几，从第一行的具体列开始排列。最后，据月份总有多少天，逐个向后自动补充，且充顺序是从左往右，从上往下。
[0010]更进一步地，上述的基于WAP的动态日历控件生成方法，其中:所述的初始化逻辑为，根据传入的日期获取指定日期，截取日期数据中包含的年份、月份和日期，将年份、月份下拉框中的数据默认选中为指定日期数据，同时根据截取的天数据，将日历中的天进行标记，并标注颜色；若不存在传入日期，则默认将当日作为传入日期。
[0011]更进一步地，上述的基于WAP的动态日历控件生成方法，其中:对加载数据进行统计，循环比对日期，当得到相同日期时候，截取该日期对应的统计值，显示在日期窗格中，同时截取该日期得到的链接值，并在统计值上附带快捷链接，当点击统计值时，进行链接地址的跳转。
[0012]更进一步地，上述的基于WAP的动态日历控件生成方法，其中:所述的渲染过程包括，标题进行色泽强调，对周信息进行粗体字样格式展示，对周日和周六进行颜色区别，按照网格块状的样式，把每一天的展示位呈现拼地砖式效果，把指定日期进行地砖色加重。
[0013]更进一步地，上述的基于WAP的动态日历控件生成方法，其中:步骤⑥所述的用户操作反馈为，点击操作动态日历控件，若是短时间点击某一日期，则根据日期块对应的日期值，自动回写到引用页面的标签中；若是长时间点击，则查看统计明细，根据日期块对应的统计快捷链接，自动查询统计列表，在页面展示。
[0014]再进一步地，上述的基于WAP的动态日历控件生成方法，其中:所述的用户操作反馈包括选择日期与点击明细链接，所述的选择日期过程中，进行日期数据的回写；所述点击明细链接过程中，进行链接地址跳转。
[0015]本发明技术方案的优点主要体现在:可以通过手机APP作为载体横跨不同的手机系统平台进行应用。并且，可以在日历上有效显示明天的记录数，便于各种数值的归纳统计应用。更为重要的是，依托于JS控件的应用与创建DIV层的相互配合，能够进行快速选择，修改对应的日期数据，拥有较佳的输入体验。更为重要的是，可以通过WAP语言作为应用载体，实现有效的上线收缩效果。为本领域的技术进步拓展了控件，实施效果好。
【附图说明】
[0016]本发明的目的、优点和特点，将通过下面优选实施例的非限制性说明进行图示和解释。这些实施例仅是应用本发明技术方案的典型范例，凡采取等同替换或者等效变换而形成的技术方案，均落在本发明要求保护的范围之内。
[0017]图1是日历默认全部展开的示意图。
[0018]图2是日历上线收缩的效果示意图。
【具体实施方式】
[0019]如图1、图2所示的基于WAP的动态日历控件生成方法，其包括以下步骤:
[0020]首先，在HTML页面中引入JS控件并判断是否存在初始化日期，若是，则传递初始化日期并进入之后的步骤，若否，则直接进入之后的步骤。在实际处理中，引入JS控件的引入地址的描述为 Kscript type = ^text/javascript^src = scripts/common/Qdate.js ? Vers1n = 1.0〃>〈/script>o
[0021]该JS控件的作用，就是用来获取初始化日期，根据初始化日期获取对应月份数据，并展示月份数据的基础脚本。当然，为了满足普通使用者的常用日历使用习惯，传递日期按照年、月、日的格式进行传入，也就是说，按照常见的按照yyyy-mm-dd显示格式进行传入。
[0022]接着，判断是否需要日期统计，若是，则传递日期统计值，并传递统计明细URL，进入后续步骤。若否，则直接进入后续步骤。
[0023]之后，计算日期，并生成日期控制属性。在实际处理中，计算日历过程为，若有引入页面传递进来的指定日期，则获取指定日期所有月份进行展示，并自动标识指定日期所在的月份天数。若没有指定初始化日期，则默认取当前月份进行展示，并自动标识今天所在的月份天数，这样可以节省用户的操作次数。同时，生成日期控制属性为，计算月份所对应的天数与星期数，计算月份第一天是星期几。
[0024]紧接着，引入JS控件，创建DIV层，加载数据内容。具体来说，本发明采用的加载数据内容为:根据DIV层，创建日期标题，标题包括有年、月下拉框，并初始化制定年份和月份。结合实际实施来看，所述的初始化逻辑为，根据传入的日期获取指定日期，截取日期数据中包含的年份、月份和日期，将年份、月份下拉框中的数据默认选中为指定日期数据，同时根据截取的天数据，将日历中的天进行标记，并标注颜色。若不存在传入日期，则默认将当日作为传入日期。之