【Axure高保真原型】日期时间选择器

最新推荐文章于 2023-08-24 18:07:21 发布
最新推荐文章于 2023-08-24 18:07:21 发布
阅读量2k 收藏
点赞数
分类专栏： axure 产品经理 原型 文章标签： Axure 原型 产品经理 交互 中继器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mushe93/article/details/127075105
版权
原型 同时被 3 个专栏收录
260 篇文章 17 订阅
订阅专栏
axure
259 篇文章 24 订阅
订阅专栏
产品经理
123 篇文章 7 订阅
订阅专栏

今天和大家分享日期时间下拉列表选择器的原型模板，该模板用中继器结合时间函数制作，所以可以获取真实的日历效果，具体包括哪一年二月份有29天，几号对应星期几，都是真实的。这个原型用Axure原生元件组成，所以样式以及后续的交互都可以根据需要修改

【原型预览及下载地址】

https://axhub.im/ax9/09b38389df30358f/#g=1

【原型效果】

【Axure高保真原型】日期时间选择器

梓贤Vigo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Axure 高保真 ElementUI日期选择元件，日期区间选择元件
08-30
在原型设计的时候，日期选择器经常会用到，包括日历日期的选择、日期时间的选择和日期范围的选择，一般是下拉列表的形式进行选择。Axure没有自带的日期选择器，这里提供了基础的日期选择，日期区间选择。 当前元件已经精细到可以选择年和选择月，100%模仿了ElementUi的日期选择。 大家可以资源自取，也可以去看我的视频跟我一起动手做一个。https://www.bilibili.com/video/BV12N411i7vB/ 更多资源和视频都在更新中，大家可以关注我，也可以私我告诉我你想要实现的。
【Axure教程】日期时间下拉列表
mushe93的博客
04-13 4514
今天教大家用中继器制作日期时间下拉列表的原型模板~~~
时间选择控件
08-28
一款简单的时间选择器，可精确到分，前端日期控件。
【Axure】Axure RP制作日期控件
CountryShi的博客
05-27 7070
第一次画原型图的时候发现元件居然没有日期控件，原来需要自己画；看到别人的以为很复杂，自己网上查了一遍发现原来还很简单 参考链接：Axure日期控件 - 简书 (jianshu.com) 1.拖拽“文本框”元件，只能用文本框，其他元件没有我们后面要用的属性 2.选中拖拽的文本框，点击交互右键的类型，选择类型为日期 3.选择为日期类型后新建交互>单击时(事件)>设置文本(动作)>当前元件>fx> 4.fx>插入变量或函数>日期>Now(选
【Axure篇】(二)Axure RP9日期控件制作(多种格式)
y2020520的博客
01-04 1万+
tips:当然这次做的是最最简化的。实际应用场景中，日期的选择通常伴随着起始日期选择和结束日期选择，这种情况直接做两个并排日期控件就好了。另外，日期控件通常设置为隐藏状态，只有执行某一动作，才会触发该控件显示出来。第一次画原型图的时候发现元件居然没有日期控件，原来需要自己画；4.fx>插入变量或函数>日期>Now(选择Now点击日期框时会默认选中当前时间)3.选择为日期类型后新建交互>单击时(事件)>设置文本(动作)>当前元件>fx。2.选中拖拽的文本框，点击交互右键的类型，选择类型为日期。
Axure绘制日期选择器
产品阿强
06-20 1846
Axure如何绘制日期选择器
基于Axure9.0的高保真日期控件
04-26
控件基于中继器算法实现，主要实现包含日历自动切换，默认当前年月，当前或选择值选中状态，点击隐藏日历等功能
Axure9.0的高保真日期控件自定义格式
05-14
Axure9.0的高保真日期控件自定义格式，控件基于中继器算法实现，主要实现包含日历自动切换，默认当前年月，当前或选择值选中状态，点击隐藏日历等功能。 Axure9.0的高保真日期控件自定义格式，控件基于中继器算法...
Axure高保真原型模板+元件库+图标库icon+动效设计.zip
07-06
【OMINI.BASS】方圆资讯APP高保真原型v1.0（资讯、高保真、交互）.rp 【OMINI.BASS】一整套黑白简约风格的自适应框架（登录、一级、二级、三级菜单可配置）.rp 解决：动态面板拖拽时，无法点击操作的问题.rp 聊叭.rp...
AxureRP7.0制作天猫商城WEB高保真原型.zip
03-24
2. **布局与设计**：在制作高保真原型时，设计师需要关注细节，如色彩搭配、字体选择、间距设置等，这些都能通过Axure RP的样式编辑器实现。对于天猫商城，要保持品牌形象的一致性，所以颜色和字体的选择应与官方...
AXURE日历控件及使用说明
01-16
AXURE日历控件及使用说明 含有4种格式
Axure日历元件库
03-29
Axure时间选择器，包含多种，单选，时间段，2个日历等等
时间选择器
05-16
一个可以用来选择小时和分钟的时间选择器，选择完成以后可以回调对应的接口方法，用来给外部赋值
自行修改的选择日期Axure RP原型
02-01
自行修改的选择日期Axure RP原型，需6.0版本
axure 控件
06-06
非常好用的常用安全键盘！！！非常好用的常用安全键盘！！！非常好用的常用安全键盘！！！
Axure 高保真 ElementUI日期选择元件，日期显示格式“2023-01-02”
最新发布
12-25
在原型设计的时候，日期选择器经常会用到，包括日历日期的选择、日期时间的选择一般是下拉列表的形式进行选择。Axure没有自带的日期选择器，这里提供了基础的日期选择， 当前元件已经精细到可以选择年和选择月，是...
Axure设计之日期选择器（年月选择）
招风的黑耳CSDN
08-24 5280
在系统中，日期选择器经常会用到，包括日历日期的选择、日期时间的选择和日期范围的选择，一般是下拉列表的形式进行选择。Axure没有自带的日期选择器，下面教大家如何在Axure中制作真实日期选择（年月选择）效果的下拉列表选，下面先从基础的年月选择开始。
axure日期选择器控件_JavaFX 控件 - 输入 （Control - Inputs）
weixin_34138192的博客
01-13 1113
本章重点内容介绍JavaFX常用输入控件，从 GitHub 或 Gitee下载详细demo代码。按钮、单选框、复选框等适用范围根据官方文档 javafx.scene.control 编写，适合偷懒不想看文档的小伙伴。------------------------------- 分割线 -------------------------------Button 按钮按钮// 简单按钮 Button...
Axure实现时间选择
热门推荐
ws15168689087的博客
03-11 2万+
Axure Rp9实现时间选择 在空白处拖入两个文本框，分别为其命名为date1和date2，并为其加入提示文本，同时设置文本框类型为“日期” 预览
axure9怎么做日期时间选择器
09-03
要在Axure 9中创建一个日期时间选择器，可以按照以下步骤进行操作： 1. 首先，在Axure 9的画布上拖动一个文本框，用于显示选定的日期和时间。 2. 在画布上选择一个按钮，作为触发选择日期时间的元素。 3. 右键单击按钮，选择“交互”选项，然后选择“设置交互”。 4. 在交互设置面板中，选择“单击”事件，并点击“添加动作”按钮。 5. 在动作列表中，选择“显示面板”，然后点击“新建面板”按钮。 6. 在新建面板的属性设置中，可以选择合适的尺寸和背景颜色，并设置面板名称。 7. 在面板上拖动一个日历控件，该控件可以在Axure的库中找到。 8. 选择日历控件，然后在交互设置面板中选择“选中日期”事件，点击“添加动作”按钮。 9. 在动作列表中，选择“更新值”，然后选择要更新的目标文本框，并选择“日期”值类型。 10. 同样，在交互设置面板中选择“选中时间”事件，点击“添加动作”按钮。 11. 在动作列表中，选择“更新值”，然后选择要更新的目标文本框，并选择“时间”值类型。 12. 保存面板设置，并返回到原始页面。 13. 在交互设置面板中，选择“显示面板”动作，然后选择刚刚创建的面板。 14. 确认所有设置后，关闭交互设置面板。 通过以上步骤，就可以在Axure 9中创建一个日期时间选择器。当用户点击按钮时，会显示一个面板，其中包含一个日历控件。用户选择日期和时间后，选定的值将会更新到文本框中显示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梓贤Vigo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值