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