我们在做页面交互设计时,如何自动获取电脑的日期和时间呢?像下图这样,让设计的产品更有真实感:
本次教程以上图的日期时间格式为例:“YYYY-MM-DD hh:mm:ss”做讲解 。
首先,拖入文本标签元件 –> 命名为:”date&time” –> 点击“新建交互” –> 形状选择“载入时” –> 元件动作选择“设置文本” –> 目标选择“当前元件” –> 点击“fx”,弹出编辑文本弹出框 –>
点击“插入变量或函数…” –> 依次点击“getFullYear()”、“getMonth()”、“getDate()”,“getHours()”、“getMinutes()”、“getSeconds()”,年、月、日中间用“-”隔开,小时、分钟、秒之间用“:”隔开,日期和时间直接用空格间隔 –>
[[Now.getFullYear()]]-[[Now.getMonth()]]-[[Now.getDate()]] [[Now.getHours()]]:[[Now.getMinutes()]]:[[Now.getSeconds()]]
点击“确定”后 –> “完成” –>
【axure原型案例作品 axure时间选择器控件】到此,页面加载时自动获取日期时间就完成了!
推荐阅读
- 奔驰V260商务车改装案例 奔驰v260商务车报价
- 刘德华以赌王为原型的电影刘德华以赌王为原型的电影是
- 刘涛代言什么游戏,看过50个明星代言案例
- 割韭菜的案例 割韭菜是什么意思
- 红警2怎么打败天启,《红警2》天启坦克的原型
- 市场细分打造小类目爆款 淘宝细分市场案例
- 一元换购有惊喜 淘宝一元换购
- 墨刀对比Axure,各有优缺点
- 招财猫的原型是什么猫
- 我来分享百度推广客户端创意写法与描述的详细方法 百度推广成功案例分享