专利名称：web页面日期范围的选择系统的制作方法
技术领域：
本发明 涉及一种web页面日期的选择系统，尤其涉及web页面日期范围的选择系统。
背景技术：
在基于web页面的应用开发中，经常会遇到日期的输入和显示。现有的web页面日期的选择系统是由用户输入特定格式的字符串，程序在客户端或服务器端验证输入日期格式的有效性。这种选择系统存在的缺陷是，用户必须完全按照指定的日期格式进行输入， 显得烦琐，稍有不慎就会出错，就会被要求重新填写，乏味，其次该方案还必须对用户的输入进行验证，增加了程序逻辑的复杂度。于是出现了许多日期选择控件，实现方式各有不同，但思路大同小异，简单说就是在web页面上以图形化的方式显示日历，用户通过简单的鼠标操作日期的下拉菜单进行日期输入，但绝大多数实现都不支持日期范围和的选择和显
发明内容
本发明解决的技术问题是提供一种web页面日期范围的选择系统，不但能够在 web页面上选择一个单日期，还能够选择日期范围。本发明的技术方案是一种web页面日期范围的选择系统，其特征在于，包括，输入模块，用于接收用户输入的日期值；存储模块，用于存储“工作模式”参数、日期值和“范围选择状态”参数，其中，“工作模式”参数用于判断用户的该次输入的日期值为单日期值或为范围日期值，“范围选择状态”参数用于判断范围日期值为开始范围日期值或为结束范围日期值；中心控制模块，用于接收输入模块的日期值，并调用存储模块中的“工作模式”参数以判断该日期值为单日期值或为范围日期值，若为单日期值则直接将该单日期值通过显示模块显示，若为范围日期值则调用存储模块中的“范围选择状态”参数以判断该范围日期值为开始范围日期值或为结束范围日期值，若为开始范围日期值将该开始范围日期值存储到存储模块中，并更改“范围选择状态”参数为结束范围日期标识，若为结束范围日期值则比较结束范围日期值与存储模块中的开始范围日期值的大小，若结束范围日期值小于开始范围日期值则将结束范围日期值与开始范围日期值相对换，并再次更改“范围选择状态”参数为开始范围日期标识，最后将开始范围日期值、结束范围日期值以及开始范围日期值与结束范围日期值之间的日期值均发送到显示模块；显示模块，用于将所述日期值显示在web页面；输入模块、存储模块和显示模块分别与中心控制模块通过信号线连接。所述输入模块包括监视单元和判定单元，所述监视单元用于监视用户的点击事件，所述判定单元用于根据用户的点击事件来判定用户输入的具体日期值。所述存储模块包括工作模式单元、日期值单元和范围选择状态单元，所述工作模式单元用于存储所述“工作模式，，参数，所述日期值单元用于存储所述开始范围日期值，所述范围选择状态单元用于存储所述“范围选择状态”参数。
所述中心控制模块包括控制单元、读取单元、存储单元、单日期处理单元和范围日期处理单元，所述读取单元、存储单元、单日期处理单元和范围日期处理单元分别通过数据线与所述控制单元连接；所述读取单元用于在所述控制单元的控制下读取所述存储模块中的“工作模式”参数、日期值和“范围选择状态”参数；所述存储单元用于在所述控制单元的控制下将开始范围日期值存储到所述存储模块，所述单日期处理单元用于将单日期值发送到显示模块；所述范围日期处理单元用于判断范围日期值为开始范围日期值或为结束范围日期值，若为开始范围日期值将该开始范围日期值存储到存储模块中，并更改“范围选择状态”参数为结束范围日期标识，若为结束范围日期值则比较结束范围日期值与存储模块中的开始范围日期值的大小，若结束范围日期值小于开始范围日期值则将结束范围日期值与开始范围日期值相对换，并再次更改“范围选择状态”参数为开始范围日期标识，最后将开始范围日期值、结束范围日期值以及开始范围日期值与结束范围日期值之间的日期值均发送到显示模块。 所述显示模块包括清除单元和绘制单元，所述清除单元用于清除web页面的前次显示的日期值，所述绘制单元用于在web页面上绘制中心控制模块当次输入的日期值。本发明的有益效果是本发明不但能够在web页面上选择一个单日期，还能够选择日期范围。
图1为本发明的功能模块示意图。
具体实施例方式下面结合附图和实施例对本发明作进一步说明
参见图1，一种web页面日期范围的选择系统，包括输入模块10、存储模块20、中心控制模块30和显示模块40，输入模块10、存储模块20和显示模块分别40分别与中心控制模块30通过信号线连接。输入模块10用于接收用户输入的日期值，其包括监视单元11和判定单元12，监视单元11用于监视用户的点击事件，判定单元12用于根据用户的点击事件来判定用户输入的具体日期值。存储模块20用于存储“工作模式”参数、日期值和“范围选择状态”参数，其中，“工作模式”参数用于判断用户的该次输入的日期值为单日期值或为范围日期值，“范围选择状态”参数用于判断范围日期值为开始范围日期值或为结束范围日期值，存储模块20包括工作模式单元21、日期值单元22和范围选择状态单元23，工作模式单元21用于存储“工作模式”参数，日期值单元22用于存储开始范围日期值，范围选择状态单元23用于存储“范围选择状态”参数。中心控制模块30包括控制单元31、读取单元32、 存储单元33、单日期处理单元34和范围日期处理单元35，读取单元32、存储单元33、单日期处理单元34和范围日期处理单元35分别通过数据线与控制单元31连接。读取单元32 用于在控制单元31的控制下读取存储模块20中的“工作模式”参数、日期值和“范围选择状态”参数；存储单元33用于在控制单元31的控制下将开始范围日期值存储到存储模块， 单日期处理单元34用于将单日期值发送到显示模块40 ；范围日期处理单元35用于判断范围日期值为开始范围日期值或为结束范围日期值，若为开始范围日期值将该开始范围日期值存储到存储模块20中，并更改“范围选择状态”参数为结束范围日期标识，若为结束范围日期值则比较结束范围日期值与存储模块20中的开始范围日期值的大小，若结束范围日期值小于开始范围日期值则将结束范围日期值与开始范围日期值相对换，并再次更改“范围选择状态”参数为开始范围日期标识，最后将开始范围日期值、结束范围日期值以及开始范围日期值与结束范围日期值之间的日期值均发送到显示模块。
中心控制模块的控制单元31接收输入模块10的日期值，并通过读取单元32调用存储模块20中的“工作模式”参数以判断该日期值为单日期值或为范围日期值，若为单日期值则直接将该单日期值通过显示模块显示在web页面，若为范围日期值则调用存储模块中的“范围选择状态”参数以判断该范围日期值为开始范围日期值或为结束范围日期值，若为开始范围日期值将该开始范围日期值存储到存储模块20中，并更改“范围选择状态”参数为结束范围日期标识，若为结束范围日期值则比较结束范围日期值与存储模块20中的开始范围日期值的大小，若结束范围日期值小于开始范围日期值则将结束范围日期值与开始范围日期值相对换，并再次更改“范围选择状态”参数为开始范围日期标识，最后将开始范围日期值、结束范围日期值以及开始范围日期值与结束范围日期值之间的日期值均发送到显示模块40以显示在web页面。显示模块40包括清除单元41和绘制单元42，清除单元41用于清除web页面的前次显示的日期值，绘制单元42用于在web页面上绘制中心控制模块当次输入的日期值。下面分别以选择单日期“2010年3月1日”和范围日期“2010年5月1日 2010
年8月10日”来举例说明。第一种情况，选择单日期“2010年3月1日”用户通过鼠标动作点击“2010年3月 1日”，监视单元11得到该点击动作并将该点击动作的信息传给判定单元12，判定单元12计算出该点击动作的具体日期值为“20100301”，并将日期值“20100301”传送到控制单元31， 控制单元31接收到该日期值后通过读取单元32调取工作模式单元21中的“工作模式”参数，控制单元31依据该“工作模式”参数判断该次输入的日期值“20100301”为单日期值，然后控制单元31直接将该单日期值“ 20100301，，传送到单日期处理单元34，随后单日期处理单元34将单日期值“20100301”发送到显示模块，显示模块接收到该单日期值“20100301” 后，首先通过显示模块的清除单元41清除web页面的前次显示的日期值，然后通过绘制单元42将该单日期值“20100301”在web页面上绘制显示“2010年3月1日”，完成此次单日期值的选择。第二种情况，选择范围日期“2010年5月1日 2010年8月10日”:第一步，用户通过鼠标动作点击“2010年5月1日”，监视单元11得到该点击动作并将该点击动作的信息传给判定单元12，判定单元12计算出该点击动作的具体日期值为“20100501”，并将日期值“20100501”传送到控制单元31，控制单元31接收到该日期值后通过读取单元32调取工作模式单元21中的“工作模式”参数，控制单元31依据该“工作模式”参数判断该次输入的日期值“20100501”为范围日期值，同时控制单元31通过存储单元33调取范围选择状态单元23的“范围选择状态”参数，此时“范围选择状态”参数的初始标识显示为开始范围日期值标识，控制单元31将日期值“20100501”和“范围选择状态”参数传送到范围日期处理单元35，范围日期处理单元35识别此“范围选择状态”参数的标识为开始范围日期值时， 即“20100501”为开始范围日期值，范围日期处理单元35通过控制单元31和存储单元33 将将日期值“20100501”存储到日期值单元22，同时将“范围选择状态”参数更改为结束范围日期值标识以供下次日期值输入时读取。第二步，用户通过鼠标动作点击“2010年08月 10日”，监视单元11到该点击动作并将该点击动作的信息传给判定单元12，判定单元12计算出该点击动作的具体日期值为“20100810”，并将日期值“20100810”传送到控制单元31， 控制单元31接收到该日期值后通过读取单元32调取工作模式单元21中的“工作模式”参数，控制单元31依据该“工作模式”参数判断该次输入的日期值“20100810”为范围日期值， 同时控制单元31通过存储单元33调取范围选择状态单元23的“范围选择状态”参数，此时“范围选择状态”参数的初始标识显示为结束范围日期值标识，即日期值“20100810”为结束范围日期值，范围日期处理单元35将结束范围日期值“20100810”与存储在日期值单元22中的开始范围日期值“20100501”进行比较，由于“20100810”的值大于“20100501” 的值，因此结束范围日期值“20100810”与开始范围日期值“20100501”不进行对换，随后范围日期处理单元35将开始日期值“20100501”、结束日期值“20100810”以及开始日期值 “20100501”与结束日期值“20100810”之间的日期值“20100501 20100810”均发送到显示模块，显示模块的清除单元41首先清除web页面的前次显示的日期值，然后通过绘制单元42在web页面上绘制显示“2010年5月1日”、“2010年8月10日”以及“2010年5月 1日” “2010年8月10日”之间的所有日期，完成此次范围日期值的选择。
第三种情况，选择范围日期“2010年5月1日 2010年8月10日”:第一步，用户通过鼠标动作首先点击“2010年8月10日”，监视单元11到该点击动作并将该点击动作的信息传给判定单元12，判定单元12计算出该点击动作的具体日期值为“20100810”，并将日期值“20100810”传送到控制单元31，控制单元31接收到该日期值后通过读取单元32调取工作模式单 元21中的“工作模式”参数，控制单元31依据该“工作模式”参数判断该次输入的日期值“20100810”为范围日期值，同时控制单元31通过存储单元33调取范围选择状态单元23的“范围选择状态”参数，此时“范围选择状态”参数的初始标识显示为开始范围日期值标识，控制单元31将日期值“20100810”和“范围选择状态”参数传送到范围日期处理单元35，范围日期处理单元35识别此“范围选择状态”参数的标识为开始范围日期值时，范围日期处理单元35通过控制单元31和存储单元33将将日期值“20100810”存储到日期值单元22，同时将“范围选择状态”参数更改为结束范围日期值标识以供下次日期值输入时读取。第二步，用户通过鼠标动作点击“2010年5月1日”，监视单元11到该点击动作并将该点击动作的信息传给判定单元12，判定单元12计算出该点击动作的具体日期值为 “20100501”，并将日期值“20100501”传送到控制单元31，控制单元31接收到该日期值后通过读取单元32调取工作模式单元21中的“工作模式”参数，控制单元31依据该“工作模式”参数判断该次输入的日期值“20100501”为范围日期值，同时控制单元31通过存储单元 33调取范围选择状态单元23的“范围选择状态”参数，此时“范围选择状态”参数的初始标识显示为结束范围日期值标识，即日期值“20100501”为结束范围日期值，范围日期处理单元35将结束日期值“20100501”与存储在日期值单元22中的开始范围日期值“20100810” 进行比较，由于“20100501”的值小于“20100810”的值，因此将结束范围日期值“20100501” 与开始范围日期值“20100810”进行对换，即对换后，开始范围日期值更改为“20100501”， 结束范围日期值更改为“20100810”，随后范围日期处理单元35将开始日期值“20100501”、 结束日期值“20100810”以及开始日期值“20100501”与结束日期值“20100810”之间的日期值“20100501 20100810”均发送到显示模块，显示模块的清除单元41首先清除web页面的前次显示的日期值，然后通过绘制单元42在web页面上绘制显示“2010年5月1日”、 “2010年8月10日”以及“2010年5月1日” “2010年8月10日”之间的所有日期，完成此次范围日期值 的选择。
权利要求
1.一种web页面日期范围的选择系统，其特征在于包括，输入模块，用于接收用户输入的日期值；存储模块，用于存储“工作模式”参数、日期值和“范围选择状态”参数，其中，“工作模式”参数用于判断用户的该次输入的日期值为单日期值或为范围日期值，“范围选择状态” 参数用于判断范围日期值为开始范围日期值或为结束范围日期值；中心控制模块，用于接收输入模块的日期值，并调用存储模块中的“工作模式”参数以判断该日期值为单日期值或为范围日期值，若为单日期值则直接将该单日期值通过显示模块显示，若为范围日期值则调用存储模块中的“范围选择状态”参数以判断该范围日期值为开始范围日期值或为结束范围日期值，若为开始范围日期值将该开始范围日期值存储到存储模块中，并更改“范围选择状态”参数为结束范围日期标识，若为结束范围日期值则比较结束范围日期值与存储模块中的开始范围日期值的大小，若结束范围日期值小于开始范围日期值则将结束范围日期值与开始范围日期值相对换，并再次更改“范围选择状态”参数为开始范围日期标识，最后将开始范围日期值、结束范围日期值以及开始范围日期值与结束范围日期值之间的日期值均发送到显示模块；显示模块，用于将所述日期值显示在web页面；输入模块、存储模块和显示模块分别与中心控制模块通过信号线连接。
2.按照权利要求1所述的web页面日期范围的选择系统，其特征在于所述输入模块包括监视单元和判定单元，所述监视单元用于监视用户的点击事件，所述判定单元用于根据用户的点击事件来判定用户输入的具体日期值。
3.按照权利要求1所述的web页面日期范围的选择系统，其特征在于所述存储模块包括工作模式单元、日期值单元和范围选择状态单元，所述工作模式单元用于存储所述“工作模式”参数，所述日期值单元用于存储所述开始范围日期值，所述范围选择状态单元用于存储所述“范围选择状态”参数。
4.按照权利要求1所述的web页面日期范围的选择系统，其特征在于所述中心控制模块包括控制单元、读取单元、存储单元、单日期处理单元和范围日期处理单元，所述读取单元、存储单元、单日期处理单元和范围日期处理单元分别通过数据线与所述控制单元连接；所述读取单元用于在所述控制单元的控制下读取所述存储模块中的“工作模式”参数、 日期值和“范围选择状态”参数；所述存储单元用于在所述控制单元的控制下将开始范围日期值存储到所述存储模块，所述单日期处理单元用于将单日期值发送到显示模块；所述范围日期处理单元用于判断范围日期值为开始范围日期值或为结束范围日期值，若为开始范围日期值将该开始范围日期值存储到存储模块中，并更改“范围选择状态”参数为结束范围日期标识，若为结束范围日期值则比较结束范围日期值与存储模块中的开始范围日期值的大小，若结束范围日期值小于开始范围日期值则将结束范围日期值与开始范围日期值相对换，并再次更改“范围选择状态”参数为开始范围日期标识，最后将开始范围日期值、结束范围日期值以及开始范围日期值与结束范围日期值之间的日期值均发送到显示模块。
5.按照权利要求1所述的web页面日期范围的选择系统，其特征在于所述显示模块包括清除单元和绘制单元，所述清除单元用于清除web页面的前次显示的日期值，所述绘制单元用于在web页面上绘制中心控制模块当次输入的日期值。
全文摘要
本发明提供一种web页面日期范围的选择系统,包括输入模块、存储模块、中心控制模块和显示模块，中心控制模块调用存储模块中的“工作模式”参数以判断日期值为单日期值或为范围日期值，若为单日期值则直接将该单日期值通过显示模块显示，若为范围日期值则调用存储模块中的“范围选择状态”参数以判断该范围日期值为开始范围日期值或为结束范围日期值，若为开始范围日期值将该开始范围日期值存储到存储模块中，若为结束范围日期值则比较结束范围日期值与存储模块中的开始范围日期值的大小，若结束范围日期值小于开始范围日期值则将结束范围日期值与开始范围日期值相对换。本发明不但能够在web页面上选择一个单日期，还能够选择日期范围。
文档编号G06F9/44GK102184102SQ20111011377
公开日2011年9月14日 申请日期2011年5月4日 优先权日2011年5月4日
发明者王昆, 王玉钧, 蔡仁元, 邓凤云 申请人:重庆大龙网科技有限公司