專利名稱：web頁面日期范圍的選擇系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明 涉及一種web頁面日期的選擇系統(tǒng)，尤其涉及web頁面日期范圍的選擇系統(tǒng)。
背景技術(shù)：
在基于web頁面的應(yīng)用開發(fā)中，經(jīng)常會遇到日期的輸入和顯示?，F(xiàn)有的web頁面日期的選擇系統(tǒng)是由用戶輸入特定格式的字符串，程序在客戶端或服務(wù)器端驗證輸入日期格式的有效性。這種選擇系統(tǒng)存在的缺陷是，用戶必須完全按照指定的日期格式進行輸入， 顯得煩瑣，稍有不慎就會出錯，就會被要求重新填寫，乏味，其次該方案還必須對用戶的輸入進行驗證，增加了程序邏輯的復(fù)雜度。于是出現(xiàn)了許多日期選擇控件，實現(xiàn)方式各有不同，但思路大同小異，簡單說就是在web頁面上以圖形化的方式顯示日歷，用戶通過簡單的鼠標(biāo)操作日期的下拉菜單進行日期輸入，但絕大多數(shù)實現(xiàn)都不支持日期范圍和的選擇和顯

發(fā)明內(nèi)容
本發(fā)明解決的技術(shù)問題是提供一種web頁面日期范圍的選擇系統(tǒng)，不但能夠在 web頁面上選擇一個單日期，還能夠選擇日期范圍。本發(fā)明的技術(shù)方案是一種web頁面日期范圍的選擇系統(tǒng)，其特征在于，包括，輸入模塊，用于接收用戶輸入的日期值；存儲模塊，用于存儲“工作模式”參數(shù)、日期值和“范圍選擇狀態(tài)”參數(shù)，其中，“工作模式”參數(shù)用于判斷用戶的該次輸入的日期值為單日期值或為范圍日期值，“范圍選擇狀態(tài)”參數(shù)用于判斷范圍日期值為開始范圍日期值或為結(jié)束范圍日期值；中心控制模塊，用于接收輸入模塊的日期值，并調(diào)用存儲模塊中的“工作模式”參數(shù)以判斷該日期值為單日期值或為范圍日期值，若為單日期值則直接將該單日期值通過顯示模塊顯示，若為范圍日期值則調(diào)用存儲模塊中的“范圍選擇狀態(tài)”參數(shù)以判斷該范圍日期值為開始范圍日期值或為結(jié)束范圍日期值，若為開始范圍日期值將該開始范圍日期值存儲到存儲模塊中，并更改“范圍選擇狀態(tài)”參數(shù)為結(jié)束范圍日期標(biāo)識，若為結(jié)束范圍日期值則比較結(jié)束范圍日期值與存儲模塊中的開始范圍日期值的大小，若結(jié)束范圍日期值小于開始范圍日期值則將結(jié)束范圍日期值與開始范圍日期值相對換，并再次更改“范圍選擇狀態(tài)”參數(shù)為開始范圍日期標(biāo)識，最后將開始范圍日期值、結(jié)束范圍日期值以及開始范圍日期值與結(jié)束范圍日期值之間的日期值均發(fā)送到顯示模塊；顯示模塊，用于將所述日期值顯示在web頁面；輸入模塊、存儲模塊和顯示模塊分別與中心控制模塊通過信號線連接。所述輸入模塊包括監(jiān)視單元和判定單元，所述監(jiān)視單元用于監(jiān)視用戶的點擊事件，所述判定單元用于根據(jù)用戶的點擊事件來判定用戶輸入的具體日期值。所述存儲模塊包括工作模式單元、日期值單元和范圍選擇狀態(tài)單元，所述工作模式單元用于存儲所述“工作模式，，參數(shù)，所述日期值單元用于存儲所述開始范圍日期值，所述范圍選擇狀態(tài)單元用于存儲所述“范圍選擇狀態(tài)”參數(shù)。
所述中心控制模塊包括控制單元、讀取單元、存儲單元、單日期處理單元和范圍日期處理單元，所述讀取單元、存儲單元、單日期處理單元和范圍日期處理單元分別通過數(shù)據(jù)線與所述控制單元連接；所述讀取單元用于在所述控制單元的控制下讀取所述存儲模塊中的“工作模式”參數(shù)、日期值和“范圍選擇狀態(tài)”參數(shù)；所述存儲單元用于在所述控制單元的控制下將開始范圍日期值存儲到所述存儲模塊，所述單日期處理單元用于將單日期值發(fā)送到顯示模塊；所述范圍日期處理單元用于判斷范圍日期值為開始范圍日期值或為結(jié)束范圍日期值，若為開始范圍日期值將該開始范圍日期值存儲到存儲模塊中，并更改“范圍選擇狀態(tài)”參數(shù)為結(jié)束范圍日期標(biāo)識，若為結(jié)束范圍日期值則比較結(jié)束范圍日期值與存儲模塊中的開始范圍日期值的大小，若結(jié)束范圍日期值小于開始范圍日期值則將結(jié)束范圍日期值與開始范圍日期值相對換，并再次更改“范圍選擇狀態(tài)”參數(shù)為開始范圍日期標(biāo)識，最后將開始范圍日期值、結(jié)束范圍日期值以及開始范圍日期值與結(jié)束范圍日期值之間的日期值均發(fā)送到顯示模塊。 所述顯示模塊包括清除單元和繪制單元，所述清除單元用于清除web頁面的前次顯示的日期值，所述繪制單元用于在web頁面上繪制中心控制模塊當(dāng)次輸入的日期值。本發(fā)明的有益效果是本發(fā)明不但能夠在web頁面上選擇一個單日期，還能夠選擇日期范圍。


圖1為本發(fā)明的功能模塊示意圖。
具體實施例方式下面結(jié)合附圖和實施例對本發(fā)明作進一步說明
參見圖1，一種web頁面日期范圍的選擇系統(tǒng)，包括輸入模塊10、存儲模塊20、中心控制模塊30和顯示模塊40，輸入模塊10、存儲模塊20和顯示模塊分別40分別與中心控制模塊30通過信號線連接。輸入模塊10用于接收用戶輸入的日期值，其包括監(jiān)視單元11和判定單元12，監(jiān)視單元11用于監(jiān)視用戶的點擊事件，判定單元12用于根據(jù)用戶的點擊事件來判定用戶輸入的具體日期值。存儲模塊20用于存儲“工作模式”參數(shù)、日期值和“范圍選擇狀態(tài)”參數(shù)，其中，“工作模式”參數(shù)用于判斷用戶的該次輸入的日期值為單日期值或為范圍日期值，“范圍選擇狀態(tài)”參數(shù)用于判斷范圍日期值為開始范圍日期值或為結(jié)束范圍日期值，存儲模塊20包括工作模式單元21、日期值單元22和范圍選擇狀態(tài)單元23，工作模式單元21用于存儲“工作模式”參數(shù)，日期值單元22用于存儲開始范圍日期值，范圍選擇狀態(tài)單元23用于存儲“范圍選擇狀態(tài)”參數(shù)。中心控制模塊30包括控制單元31、讀取單元32、 存儲單元33、單日期處理單元34和范圍日期處理單元35，讀取單元32、存儲單元33、單日期處理單元34和范圍日期處理單元35分別通過數(shù)據(jù)線與控制單元31連接。讀取單元32 用于在控制單元31的控制下讀取存儲模塊20中的“工作模式”參數(shù)、日期值和“范圍選擇狀態(tài)”參數(shù)；存儲單元33用于在控制單元31的控制下將開始范圍日期值存儲到存儲模塊， 單日期處理單元34用于將單日期值發(fā)送到顯示模塊40 ；范圍日期處理單元35用于判斷范圍日期值為開始范圍日期值或為結(jié)束范圍日期值，若為開始范圍日期值將該開始范圍日期值存儲到存儲模塊20中，并更改“范圍選擇狀態(tài)”參數(shù)為結(jié)束范圍日期標(biāo)識，若為結(jié)束范圍日期值則比較結(jié)束范圍日期值與存儲模塊20中的開始范圍日期值的大小，若結(jié)束范圍日期值小于開始范圍日期值則將結(jié)束范圍日期值與開始范圍日期值相對換，并再次更改“范圍選擇狀態(tài)”參數(shù)為開始范圍日期標(biāo)識，最后將開始范圍日期值、結(jié)束范圍日期值以及開始范圍日期值與結(jié)束范圍日期值之間的日期值均發(fā)送到顯示模塊。
中心控制模塊的控制單元31接收輸入模塊10的日期值，并通過讀取單元32調(diào)用存儲模塊20中的“工作模式”參數(shù)以判斷該日期值為單日期值或為范圍日期值，若為單日期值則直接將該單日期值通過顯示模塊顯示在web頁面，若為范圍日期值則調(diào)用存儲模塊中的“范圍選擇狀態(tài)”參數(shù)以判斷該范圍日期值為開始范圍日期值或為結(jié)束范圍日期值，若為開始范圍日期值將該開始范圍日期值存儲到存儲模塊20中，并更改“范圍選擇狀態(tài)”參數(shù)為結(jié)束范圍日期標(biāo)識，若為結(jié)束范圍日期值則比較結(jié)束范圍日期值與存儲模塊20中的開始范圍日期值的大小，若結(jié)束范圍日期值小于開始范圍日期值則將結(jié)束范圍日期值與開始范圍日期值相對換，并再次更改“范圍選擇狀態(tài)”參數(shù)為開始范圍日期標(biāo)識，最后將開始范圍日期值、結(jié)束范圍日期值以及開始范圍日期值與結(jié)束范圍日期值之間的日期值均發(fā)送到顯示模塊40以顯示在web頁面。顯示模塊40包括清除單元41和繪制單元42，清除單元41用于清除web頁面的前次顯示的日期值，繪制單元42用于在web頁面上繪制中心控制模塊當(dāng)次輸入的日期值。下面分別以選擇單日期“2010年3月1日”和范圍日期“2010年5月1日 2010
年8月10日”來舉例說明。第一種情況，選擇單日期“2010年3月1日”用戶通過鼠標(biāo)動作點擊“2010年3月 1日”，監(jiān)視單元11得到該點擊動作并將該點擊動作的信息傳給判定單元12，判定單元12計算出該點擊動作的具體日期值為“20100301”，并將日期值“20100301”傳送到控制單元31， 控制單元31接收到該日期值后通過讀取單元32調(diào)取工作模式單元21中的“工作模式”參數(shù)，控制單元31依據(jù)該“工作模式”參數(shù)判斷該次輸入的日期值“20100301”為單日期值，然后控制單元31直接將該單日期值“ 20100301，，傳送到單日期處理單元34，隨后單日期處理單元34將單日期值“20100301”發(fā)送到顯示模塊，顯示模塊接收到該單日期值“20100301” 后，首先通過顯示模塊的清除單元41清除web頁面的前次顯示的日期值，然后通過繪制單元42將該單日期值“20100301”在web頁面上繪制顯示“2010年3月1日”，完成此次單日期值的選擇。第二種情況，選擇范圍日期“2010年5月1日 2010年8月10日”:第一步，用戶通過鼠標(biāo)動作點擊“2010年5月1日”，監(jiān)視單元11得到該點擊動作并將該點擊動作的信息傳給判定單元12，判定單元12計算出該點擊動作的具體日期值為“20100501”，并將日期值“20100501”傳送到控制單元31，控制單元31接收到該日期值后通過讀取單元32調(diào)取工作模式單元21中的“工作模式”參數(shù)，控制單元31依據(jù)該“工作模式”參數(shù)判斷該次輸入的日期值“20100501”為范圍日期值，同時控制單元31通過存儲單元33調(diào)取范圍選擇狀態(tài)單元23的“范圍選擇狀態(tài)”參數(shù)，此時“范圍選擇狀態(tài)”參數(shù)的初始標(biāo)識顯示為開始范圍日期值標(biāo)識，控制單元31將日期值“20100501”和“范圍選擇狀態(tài)”參數(shù)傳送到范圍日期處理單元35，范圍日期處理單元35識別此“范圍選擇狀態(tài)”參數(shù)的標(biāo)識為開始范圍日期值時， 即“20100501”為開始范圍日期值，范圍日期處理單元35通過控制單元31和存儲單元33 將將日期值“20100501”存儲到日期值單元22，同時將“范圍選擇狀態(tài)”參數(shù)更改為結(jié)束范圍日期值標(biāo)識以供下次日期值輸入時讀取。第二步，用戶通過鼠標(biāo)動作點擊“2010年08月 10日”，監(jiān)視單元11到該點擊動作并將該點擊動作的信息傳給判定單元12，判定單元12計算出該點擊動作的具體日期值為“20100810”，并將日期值“20100810”傳送到控制單元31， 控制單元31接收到該日期值后通過讀取單元32調(diào)取工作模式單元21中的“工作模式”參數(shù)，控制單元31依據(jù)該“工作模式”參數(shù)判斷該次輸入的日期值“20100810”為范圍日期值， 同時控制單元31通過存儲單元33調(diào)取范圍選擇狀態(tài)單元23的“范圍選擇狀態(tài)”參數(shù)，此時“范圍選擇狀態(tài)”參數(shù)的初始標(biāo)識顯示為結(jié)束范圍日期值標(biāo)識，即日期值“20100810”為結(jié)束范圍日期值，范圍日期處理單元35將結(jié)束范圍日期值“20100810”與存儲在日期值單元22中的開始范圍日期值“20100501”進行比較，由于“20100810”的值大于“20100501” 的值，因此結(jié)束范圍日期值“20100810”與開始范圍日期值“20100501”不進行對換，隨后范圍日期處理單元35將開始日期值“20100501”、結(jié)束日期值“20100810”以及開始日期值 “20100501”與結(jié)束日期值“20100810”之間的日期值“20100501 20100810”均發(fā)送到顯示模塊，顯示模塊的清除單元41首先清除web頁面的前次顯示的日期值，然后通過繪制單元42在web頁面上繪制顯示“2010年5月1日”、“2010年8月10日”以及“2010年5月 1日” “2010年8月10日”之間的所有日期，完成此次范圍日期值的選擇。
第三種情況，選擇范圍日期“2010年5月1日 2010年8月10日”:第一步，用戶通過鼠標(biāo)動作首先點擊“2010年8月10日”，監(jiān)視單元11到該點擊動作并將該點擊動作的信息傳給判定單元12，判定單元12計算出該點擊動作的具體日期值為“20100810”，并將日期值“20100810”傳送到控制單元31，控制單元31接收到該日期值后通過讀取單元32調(diào)取工作模式單 元21中的“工作模式”參數(shù)，控制單元31依據(jù)該“工作模式”參數(shù)判斷該次輸入的日期值“20100810”為范圍日期值，同時控制單元31通過存儲單元33調(diào)取范圍選擇狀態(tài)單元23的“范圍選擇狀態(tài)”參數(shù)，此時“范圍選擇狀態(tài)”參數(shù)的初始標(biāo)識顯示為開始范圍日期值標(biāo)識，控制單元31將日期值“20100810”和“范圍選擇狀態(tài)”參數(shù)傳送到范圍日期處理單元35，范圍日期處理單元35識別此“范圍選擇狀態(tài)”參數(shù)的標(biāo)識為開始范圍日期值時，范圍日期處理單元35通過控制單元31和存儲單元33將將日期值“20100810”存儲到日期值單元22，同時將“范圍選擇狀態(tài)”參數(shù)更改為結(jié)束范圍日期值標(biāo)識以供下次日期值輸入時讀取。第二步，用戶通過鼠標(biāo)動作點擊“2010年5月1日”，監(jiān)視單元11到該點擊動作并將該點擊動作的信息傳給判定單元12，判定單元12計算出該點擊動作的具體日期值為 “20100501”，并將日期值“20100501”傳送到控制單元31，控制單元31接收到該日期值后通過讀取單元32調(diào)取工作模式單元21中的“工作模式”參數(shù)，控制單元31依據(jù)該“工作模式”參數(shù)判斷該次輸入的日期值“20100501”為范圍日期值，同時控制單元31通過存儲單元 33調(diào)取范圍選擇狀態(tài)單元23的“范圍選擇狀態(tài)”參數(shù)，此時“范圍選擇狀態(tài)”參數(shù)的初始標(biāo)識顯示為結(jié)束范圍日期值標(biāo)識，即日期值“20100501”為結(jié)束范圍日期值，范圍日期處理單元35將結(jié)束日期值“20100501”與存儲在日期值單元22中的開始范圍日期值“20100810” 進行比較，由于“20100501”的值小于“20100810”的值，因此將結(jié)束范圍日期值“20100501” 與開始范圍日期值“20100810”進行對換，即對換后，開始范圍日期值更改為“20100501”， 結(jié)束范圍日期值更改為“20100810”，隨后范圍日期處理單元35將開始日期值“20100501”、 結(jié)束日期值“20100810”以及開始日期值“20100501”與結(jié)束日期值“20100810”之間的日期值“20100501 20100810”均發(fā)送到顯示模塊，顯示模塊的清除單元41首先清除web頁面的前次顯示的日期值，然后通過繪制單元42在web頁面上繪制顯示“2010年5月1日”、 “2010年8月10日”以及“2010年5月1日” “2010年8月10日”之間的所有日期，完成此次范圍日期值 的選擇。
權(quán)利要求
1.一種web頁面日期范圍的選擇系統(tǒng)，其特征在于包括，輸入模塊，用于接收用戶輸入的日期值；存儲模塊，用于存儲“工作模式”參數(shù)、日期值和“范圍選擇狀態(tài)”參數(shù)，其中，“工作模式”參數(shù)用于判斷用戶的該次輸入的日期值為單日期值或為范圍日期值，“范圍選擇狀態(tài)” 參數(shù)用于判斷范圍日期值為開始范圍日期值或為結(jié)束范圍日期值；中心控制模塊，用于接收輸入模塊的日期值，并調(diào)用存儲模塊中的“工作模式”參數(shù)以判斷該日期值為單日期值或為范圍日期值，若為單日期值則直接將該單日期值通過顯示模塊顯示，若為范圍日期值則調(diào)用存儲模塊中的“范圍選擇狀態(tài)”參數(shù)以判斷該范圍日期值為開始范圍日期值或為結(jié)束范圍日期值，若為開始范圍日期值將該開始范圍日期值存儲到存儲模塊中，并更改“范圍選擇狀態(tài)”參數(shù)為結(jié)束范圍日期標(biāo)識，若為結(jié)束范圍日期值則比較結(jié)束范圍日期值與存儲模塊中的開始范圍日期值的大小，若結(jié)束范圍日期值小于開始范圍日期值則將結(jié)束范圍日期值與開始范圍日期值相對換，并再次更改“范圍選擇狀態(tài)”參數(shù)為開始范圍日期標(biāo)識，最后將開始范圍日期值、結(jié)束范圍日期值以及開始范圍日期值與結(jié)束范圍日期值之間的日期值均發(fā)送到顯示模塊；顯示模塊，用于將所述日期值顯示在web頁面；輸入模塊、存儲模塊和顯示模塊分別與中心控制模塊通過信號線連接。
2.按照權(quán)利要求1所述的web頁面日期范圍的選擇系統(tǒng)，其特征在于所述輸入模塊包括監(jiān)視單元和判定單元，所述監(jiān)視單元用于監(jiān)視用戶的點擊事件，所述判定單元用于根據(jù)用戶的點擊事件來判定用戶輸入的具體日期值。
3.按照權(quán)利要求1所述的web頁面日期范圍的選擇系統(tǒng)，其特征在于所述存儲模塊包括工作模式單元、日期值單元和范圍選擇狀態(tài)單元，所述工作模式單元用于存儲所述“工作模式”參數(shù)，所述日期值單元用于存儲所述開始范圍日期值，所述范圍選擇狀態(tài)單元用于存儲所述“范圍選擇狀態(tài)”參數(shù)。
4.按照權(quán)利要求1所述的web頁面日期范圍的選擇系統(tǒng)，其特征在于所述中心控制模塊包括控制單元、讀取單元、存儲單元、單日期處理單元和范圍日期處理單元，所述讀取單元、存儲單元、單日期處理單元和范圍日期處理單元分別通過數(shù)據(jù)線與所述控制單元連接；所述讀取單元用于在所述控制單元的控制下讀取所述存儲模塊中的“工作模式”參數(shù)、 日期值和“范圍選擇狀態(tài)”參數(shù)；所述存儲單元用于在所述控制單元的控制下將開始范圍日期值存儲到所述存儲模塊，所述單日期處理單元用于將單日期值發(fā)送到顯示模塊；所述范圍日期處理單元用于判斷范圍日期值為開始范圍日期值或為結(jié)束范圍日期值，若為開始范圍日期值將該開始范圍日期值存儲到存儲模塊中，并更改“范圍選擇狀態(tài)”參數(shù)為結(jié)束范圍日期標(biāo)識，若為結(jié)束范圍日期值則比較結(jié)束范圍日期值與存儲模塊中的開始范圍日期值的大小，若結(jié)束范圍日期值小于開始范圍日期值則將結(jié)束范圍日期值與開始范圍日期值相對換，并再次更改“范圍選擇狀態(tài)”參數(shù)為開始范圍日期標(biāo)識，最后將開始范圍日期值、結(jié)束范圍日期值以及開始范圍日期值與結(jié)束范圍日期值之間的日期值均發(fā)送到顯示模塊。
5.按照權(quán)利要求1所述的web頁面日期范圍的選擇系統(tǒng)，其特征在于所述顯示模塊包括清除單元和繪制單元，所述清除單元用于清除web頁面的前次顯示的日期值，所述繪制單元用于在web頁面上繪制中心控制模塊當(dāng)次輸入的日期值。
全文摘要
本發(fā)明提供一種web頁面日期范圍的選擇系統(tǒng),包括輸入模塊、存儲模塊、中心控制模塊和顯示模塊，中心控制模塊調(diào)用存儲模塊中的“工作模式”參數(shù)以判斷日期值為單日期值或為范圍日期值，若為單日期值則直接將該單日期值通過顯示模塊顯示，若為范圍日期值則調(diào)用存儲模塊中的“范圍選擇狀態(tài)”參數(shù)以判斷該范圍日期值為開始范圍日期值或為結(jié)束范圍日期值，若為開始范圍日期值將該開始范圍日期值存儲到存儲模塊中，若為結(jié)束范圍日期值則比較結(jié)束范圍日期值與存儲模塊中的開始范圍日期值的大小，若結(jié)束范圍日期值小于開始范圍日期值則將結(jié)束范圍日期值與開始范圍日期值相對換。本發(fā)明不但能夠在web頁面上選擇一個單日期，還能夠選擇日期范圍。
文檔編號G06F9/44GK102184102SQ20111011377
公開日2011年9月14日 申請日期2011年5月4日 優(yōu)先權(quán)日2011年5月4日
發(fā)明者王昆, 王玉鈞, 蔡仁元, 鄧鳳云 申請人:重慶大龍網(wǎng)科技有限公司