使用axure rp 8.0,实现输入框获取并显示当前日期或者选择指定日期

1.在图形库中选中文本框,拖到工作区域,点击该文本框,单击右下角大纲页面该复选框,重命名文本框为“date”。

2.选择文本框的类型以及指定文本框默认的值,这里文本框类型的选择关系到是获取当前时间还是选择指定的时间。

首先将文本框的类型选择为“日期”,在“提示文字”里输入要输入的默认值,这里我们输入的是“请选择日期”,操作如下:

效果如下:

3.添加交互行为,在更多事件中找到“鼠标单击时”单击之后弹出用例编辑窗口,在该窗口选择元件中的“设置文本”,再勾选要相应的文本框即可,操作如下:

 4.勾选完成之后,点击右下角的“fx”编辑文本,在日期中选择“now”,点击确定,回到用例编辑页面之后再点击确定,这时候我们已经实现了在输入框选择日期这个功能,具体操作如下:

 使用F5快捷键,预览效果如下:

 在预览页面我们可以选择任意日期,这里我选择的是2018.7.27,效果如下:

 

当前时间的获取与以上操作是类似的,只需要将文本框类型选择为“text”或者“time” 即可,这里操作不赘述,预览效果如下:(单击预览界面的复选框,即可同步电脑端的时间)

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值