【Axure教程】日期时间下拉列表

如题所述

日期时间下拉列表是系统中常见组件,通常以下拉列表形式展现,支持日历日期及时间选择。在Axure中,通过中继器可制作出真实日期时间效果的下拉列表。其功能包括:点击显示下拉列表选择日期和时间,显示实时日期,月与年间的切换,快速选择年月,选择后自动显示所选日期和时间。原型预览可见,通过https://axhub.im/ax9/09b38389df30358f/#g=1&p=日期时间下拉列表(中继器版)访问。

制作时,一般有三种方法:直接写死、使用JS调用或通过中继器及日期时间函数。写死方式复用性差、显示范围有限;JS调用虽快捷但不同浏览器效果各异,且后续交互不便;中继器与函数结合方式,制作成本较高但复用性高,适合后续交互,推荐此法。

制作教程分为四个部分:提示框、日期、时间部分。提示框包括提示文字、矩形、图标等元素,鼠标单击显示下拉组合。日期部分用中继器、文本标签、箭头等元素实现,中间日期通过中继器动态显示,函数如now、get.date、addDays等实现日期计算与处理。时间部分同样使用中继器实现,内含滚动条,支持滚动选择小时、分钟,通过交互设置选中状态,回显所选日期和时间。

完成后,通过复制粘贴即可使用此日期时间下拉列表原型模板,后续交互轻松添加。制作流程清晰,操作便捷。以上内容为本期教程的全部内容,感兴趣的同学不妨动手实践,感谢您的阅读,我们下次再见。
温馨提示:答案为网友推荐,仅供参考
相似回答
大家正在搜