在日常设计原型时,都会使用到日期元件,但这个日期元件如果不设置相关信息的话,在预览的时候,里面的信息是空的,那么如果让日期元件在预览的时候显示默认值或者显示当前日期呢,下面小编介绍一下如何设计此效果。
工具/原料
电脑
Axure
方法/步骤
1、首先创建一个空白页面,在工作区域内拖入文字输入框元件,如下图所示。
2、然后选择该元件,将文本框的类型修改为日期型,如下图所示。
3、如果只是需要将日期输入框中的值设置成默认值的话,只需要在提示文字中提前输入具体的日期即可,如下图所示。
4、f5预览一下效果,日期输入框中的日期就是刚刚设置的默认日期,如果需要选择其他日期直接选择即可,如下图所示。
5、如果预览时想显示当前的日期,这里面就要使用函数来进行判断了,[[Year]]-[['0'.concat(Month).slice(-2)]]-[['0'.concat(Day).slice(-2)]],在页面载入时,设置日期的值,如下图所示。
6、f5预览一下效果,此时会显示当前日期,如果选择其他日期,直接向后或向前选择即可,如下图所示。