用Axure實現對時間段的篩選

一個不喜歡熬夜研究僧發表於2020-11-08

一,在axure中畫出原型圖級,簡單示例如下

 第一個文字框命名為開始時間,第二個命名為結束時間,後面篩選條件用

二、繪製中繼器在中繼器中插入資料,如圖

中繼器內部需要設定好,如圖

裡面的資料格式一定要正確,劃重點,比如20200710,一定不要寫成2020710,這樣在中繼器篩選時,判斷不了

三,給篩選按鈕,設定動作

進入3是重點,如圖,

在裡面新增區域性變數,我用的開始時間是第一個文字框輸入的資料,結束時間是第二個文字框輸入資料,

重點在第2步,你輸入的開始時間小於中繼器中的開始時間,你輸入的結束時間是要大於中繼器中的結束時間,兩者是並的關係,用&&連線(區域性變數用什麼名字都可以,這裡我用first和last,分佈代表開始和結束時間,)

四、驗證篩選條件

點選預覽進入網頁,如圖

 

按格式要求輸入時間,一定要寫成中繼器格式。如20200710

到此,篩選結束,一切?。

寫的很匆忙,裡面對於有一些細節新手,不知道很正常,慢慢摸索,筆者能力有限,不足之處,請大家批評。

相關文章