1. 首頁 > 生活 > >

axure范圍選擇日期控件 axure時間選擇框

小知識axure時間選擇框



文章插圖
axure范圍選擇日期控件 axure時間選擇框

文章插圖
我們在做頁面交互設計時，如何自動獲取電腦的日期和時間呢？像下圖這樣，讓設計的產品更有真實感：
本次教程以上圖的日期時間格式為例：“YYYY-MM-DD hh:mm:ss”做講解 。
首先，拖入文本標簽元件 –> 命名為：”date&time” –> 點擊“新建交互” –> 形狀選擇“載入時” –> 元件動作選擇“設置文本” –> 目標選擇“當前元件” –> 點擊“fx”，彈出編輯文本彈出框 –>
點擊“插入變量或函數…” –> 依次點擊“getFullYear()”、“getMonth()”、“getDate()”，“getHours()”、“getMinutes()”、“getSeconds()”，年、月、日中間用“-”隔開，小時、分鐘、秒之間用“:”隔開，日期和時間直接用空格間隔 –>
【axure范圍選擇日期控件 axure時間選擇框】[[Now.getFullYear()]]-[[Now.getMonth()]]-[[Now.getDate()]] [[Now.getHours()]]:[[Now.getMinutes()]]:[[Now.getSeconds()]]
點擊“確定”后 –> “完成” –>
到此，頁面加載時自動獲取日期時間就完成了！