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

2.选择文本框的类型以及指定文本框默认的值,这里文本框类型的选择关系到是获取当前时间还是选择指定的时间。
首先将文本框的类型选择为“日期”,在“提示文字”里输入要输入的默认值,这里我们输入的是“请选择日期”,操作如下:

效果如下:

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

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


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

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

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

创建日期选择器
本文介绍如何在图形库中创建一个日期选择器,并实现鼠标单击时自动填充当前日期的功能。文章详细展示了设置文本框类型、添加默认提示文字及交互行为等步骤。
9797

被折叠的 条评论
为什么被折叠?



