Axure教程：【实例】文本自动获取日期、时间
元件准备：
- 第一个文本标签，取名为Year；
- 第二个文本标签，取名为Month；
- 第三个文本文本标签，取名为Day；
- 第四个文本标签，取名为Hours；
- 第五个文本标签，取名为Minutes；
- 第六个文本文本标签，取名为Seconds；
- 第七个文本文本标签，取名为YYYY-MM-DD hh:mm:ss。
一、单独获取年、月、日、时、分、秒
下面先讲解如何单独获取年、月、日、时、分、秒的方法。
1. 获取年份
对文本标签：Year进行设置。
交互：选择“载入时”，“设置文本”目标为“当前”，如下图所示：
点击“fx”进入插入或函数画面，然后点击“插入变量或函数”，选择日期列表中的函数:getFullYear()，如下图所示：
设置后的效果如下图所示：
2. 获取月份
按照设置文本标签：Year的方法，对文本标签：Month进行设置，选择日期列表中的函数:getMonth()，设置后的效果如下图所示：
3. 获取日
按照设置文本标签：Year的方法，对文本标签：Day进行设置，选择日期列表中的函数:getDate()，设置后的效果如下图所示：
4. 获取小时
按照设置文本标签：Year的方法，对文本标签：Hours进行设置，选择日期列表中的函数:getHours()，设置后的效果如下图所示：
5. 获取分钟
按照设置文本标签：Year的方法，对文本标签：Minutes进行设置，选择日期列表中的函数:getMinutes()，设置后的效果如下图所示：
6. 获取秒
按照设置文本标签：Year的方法，对文本标签：Seconds进行设置，选择日期列表中的函数:getSeconds()，设置后的效果如下图所示：
7. 效果展示
效果如下图所示：
二、日期时间显示
结合以上方法，对文本文本标签,取名为YYYY-MM-DD hh:mm:ss。显示格式为：YYYY-MM-DD hh:mm:ss。选择函数画面如下图所示：
注意：
- 画面中，年，月，日，中间是用符号“-”隔开的，也可以用“/”或“.”；
- 画面中，时，分，秒中间是用符号“：”隔开的；
- 日与时中间有空格。
最终显示效果如下图所示：
三、函数总结
年，月，日，时，分，秒对应的函数如下表格内容所示：
本文作者 @龍角星宿
版权声明
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！
