Axure如何设计日期选择框

1、首先我们在Axure中拖动一个矩形作为日期选择呈现，命名为日期选择框，并按需设计效果，这里我设计悬停及选中为浅蓝色

3、接着制作相关日期，相关箭头可以在阿里巴巴矢量图标库找到。1、拖动两个矩形作为年和日期摆放，用两种箭头作为年和月的调整，即点击双箭头跳上一年下一年的效果，单箭头跳换上个月下个月的效果。同时为箭头设置悬停效果

5、之后将有关日期的组合并转换为动态面板，并设置为隐藏

6、在日期选择框中设计事件交互，当点击时切换显示动态面板并向下滑动、隐藏动态面板并向上滑动。如图

11、关于箭头<的逻辑如下：当点击<挢旗扦渌;时，1、判断当前月是不是1月，如果是1月，全局变量year减一，全局变量month值为12月。2、如果不是1月就全局变量month减一关于年月的文本值为year年month月

13、关于箭头《的逻辑比较简单，点击时全局变量鲻戟缒男year-1即可，最后再设置关于年月的文本值为year年month月。箭头》同理，点击时全局变量year+1即可，最后再设置关于年月的文本值为year年month月。如下图

14、最后再点击预览，基本的日期选择器交互效果就完成了