【Axure篇】(二)Axure RP9日期控件制作(多种格式)

第一次画原型图的时候发现元件居然没有日期控件,原来需要自己画;看到别人的以为很复杂,自己网上查了一遍发现原来还很简单

参考链接:Axure日期控件 - 简书 (jianshu.com)

1.拖拽“文本框”元件,只能用文本框,其他元件没有我们后面要用的属性

【Axure篇】(二)Axure RP9日期控件制作(多种格式)_第1张图片

2.选中拖拽的文本框,点击交互右键的类型,选择类型为日期

 【Axure篇】(二)Axure RP9日期控件制作(多种格式)_第2张图片

3.选择为日期类型后新建交互>单击时(事件)>设置文本(动作)>当前元件>fx

【Axure篇】(二)Axure RP9日期控件制作(多种格式)_第3张图片

4.fx>插入变量或函数>日期>Now(选择Now点击日期框时会默认选中当前时间)

【Axure篇】(二)Axure RP9日期控件制作(多种格式)_第4张图片

5.结果(两种日期格式)

格式一:2023/01/04

【Axure篇】(二)Axure RP9日期控件制作(多种格式)_第5张图片

 格式二:2023-01-04 (制作方式可能多种,但是发现本地电脑日期格式变化后,这个也会改变)【Axure篇】(二)Axure RP9日期控件制作(多种格式)_第6张图片

ps:当然这次做的是最最简化的。实际应用场景中,日期的选择通常伴随着起始日期选择和结束日期选择,这种情况直接做两个并排日期控件就好了。另外,日期控件通常设置为隐藏状态,只有执行某一动作,才会触发该控件显示出来
 

你可能感兴趣的:(Axure,9,axure)