用Axure實現對時間段的篩選
一,在axure中畫出原型圖級,簡單示例如下
第一個文字框命名為開始時間,第二個命名為結束時間,後面篩選條件用
二、繪製中繼器在中繼器中插入資料,如圖
中繼器內部需要設定好,如圖
裡面的資料格式一定要正確,劃重點,比如20200710,一定不要寫成2020710,這樣在中繼器篩選時,判斷不了
三,給篩選按鈕,設定動作
進入3是重點,如圖,
在裡面新增區域性變數,我用的開始時間是第一個文字框輸入的資料,結束時間是第二個文字框輸入資料,
重點在第2步,你輸入的開始時間小於中繼器中的開始時間,你輸入的結束時間是要大於中繼器中的結束時間,兩者是並的關係,用&&連線(區域性變數用什麼名字都可以,這裡我用first和last,分佈代表開始和結束時間,)
四、驗證篩選條件
點選預覽進入網頁,如圖
按格式要求輸入時間,一定要寫成中繼器格式。如20200710
到此,篩選結束,一切?。
寫的很匆忙,裡面對於有一些細節新手,不知道很正常,慢慢摸索,筆者能力有限,不足之處,請大家批評。
相關文章
- 如何實現模糊查詢時間段
- 為你的 Laravel Nova 新增時間範圍篩選Laravel
- AI實現簡歷篩選助手AI
- Flutter實現自定義篩選框Flutter
- 用切片操作實現的Python篩法Python
- 小程式年月日時間段區間選擇
- mac的cpu某段時間佔用很高Mac
- JS實現檢查給定時間範圍是否在每天的某個時間段內JS
- IOS之UIDatePicker實現時間日期選擇iOSUI
- 簡化我們做後臺時對列表的篩選程式碼
- 如何創造良好的夜遊專案,實現全時間段收益
- 時間段時間點自己理解
- Python實用技法第15篇:篩選序列中的元素Python
- Pandas根據篩選條件對指定excel列進行篩選!神器!Excel
- Element-UI Table 實現篩選資料功能UI
- 不同時間段的光色模型模型
- Axure實現輪播效果
- Dynamics CRM 子網格顯示篩選的實現(unsupported方法)
- 處理nginx訪問日誌,篩選時間大於1秒的請求Nginx
- Flutter - 仿Airbnb的價格區間篩選器。(一)FlutterAI
- PbootCMS對內容列表進行篩選boot
- TCP 可靠傳輸的實現-02超時重傳時間的選擇/03選擇確認 SACKTCP
- Laravel admin 如何生成 開始時間和結束時間範圍之內的篩選條件 (2 個欄位)Laravel
- 新增時間段,但是不能與原來陣列中的時間段有重疊陣列
- element 時間選擇器禁止選擇以前的時間
- TreeSelect 篩選後的全選是否支援僅全選篩選出來的列表
- windbg的時間旅行實現對 C# 程式的終極除錯C#除錯
- 資料庫百科---實現多標籤篩選資料庫
- MySQL查詢時間段MySql
- echarts 睡眠時間段+日期Echarts
- JPA時間段查詢
- javascript實現時間器JavaScript
- 能批次篩選大量超時快遞的操作教程
- 怎麼篩選大量快遞中的超時物流?
- sql一關聯多查詢時否定篩選出現的問題的解決SQL
- qt中實現實時的顯示當前時刻的時間QT
- sleep 時間段不佔指令碼執行時間指令碼
- Android開商品屬性篩選與商品篩選Android