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

时间:2024-03-28 22:32:42

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

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

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

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

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

效果如下:

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

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

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

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

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

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

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

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

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

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

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

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