多语言展示
当前在线:870今日阅读:168今日分享:49

Axure原型工具如何将日期输入框设置成默认日期

在日常设计原型时,都会使用到日期元件,但这个日期元件如果不设置相关信息的话,在预览的时候,里面的信息是空的,那么如果让日期元件在预览的时候显示默认值或者显示当前日期呢,下面小编介绍一下如何设计此效果。
工具/原料
1

电脑

2

Axure

方法/步骤
1

首先创建一个空白页面,在工作区域内拖入文字输入框元件,如下图所示。

2

然后选择该元件,将文本框的类型修改为日期型,如下图所示。

3

如果只是需要将日期输入框中的值设置成默认值的话,只需要在提示文字中提前输入具体的日期即可,如下图所示。

4

f5预览一下效果,日期输入框中的日期就是刚刚设置的默认日期,如果需要选择其他日期直接选择即可,如下图所示。

5

如果预览时想显示当前的日期,这里面就要使用函数来进行判断了,[[Year]]-[['0'.concat(Month).slice(-2)]]-[['0'.concat(Day).slice(-2)]],在页面载入时,设置日期的值,如下图所示。

6

f5预览一下效果,此时会显示当前日期,如果选择其他日期,直接向后或向前选择即可,如下图所示。

注意事项
1

需要注意的是文本框需要修改类型

2

喜欢的话可以关注小编一起学习讨论

推荐信息