养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-21 19:44:24

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

工具/原料

电脑

Axure

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

© 一点知识