Axure如何设计日期选择框( 二 )



10回到年代的矩形框,我们先新建两个全局变量,一个作为年,一个作为月,然后默认年为2019,月默认为12 。

Axure如何设计日期选择框

文章插图

11关于箭头<的逻辑如下:
当点击<时,
1、判定当前月是不是1月,若是是1月,全局变量year减一,全局变量month值为12月 。
2、若是不是1月就全局变量month减一
关于年代的文本值为year年month月

Axure如何设计日期选择框

文章插图

12关于箭头>的逻辑如下:
1、若是当前月为12月,全局变量year加一,全局变量month值为1月
2、若是当前月不是12月,则全局变量month加一
关于年代的文本值为year年month月

Axure如何设计日期选择框

文章插图

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

Axure如何设计日期选择框

文章插图

Axure如何设计日期选择框

文章插图

14【Axure如何设计日期选择框】最后再点击预览,根基的日期选择器交互结果就完当作了


以上内容就是Axure如何设计日期选择框的内容啦,希望对你有所帮助哦!

推荐阅读