日期类型文本框默认显示当前系统日期

AxureRP8.0教程 小楼一夜听春语 1811℃ 0评论

有时候,在原型中我们需要添加日期的选择框。

在AxureRP8中,日期的选择框可以通过文本框指定为日期类型实现。

并且,如果想默认显示某个日期,可以在提示文字的输入框中输入格式为“yyyy-mm-dd”的日期。

不过这样处理的话,在原型预览时,没有办法手动输入日期,并且无法获取日期。

也就是说文本框中的日期是提示,而不是文本框的值。

另外,在文字提示中设置的日期,只能写一个固定日期,如果想每次查看原型都是当前日期,就需要查看前修改。

为了解决上面的问题,我们需要在元件【载入时】,通过交互去指定显示的日期。

这样设置的日期,不但可以通过输入修改日期,也能获取到日期的数值,还能够通过系统变量与函数自动填入当前系统日期。

交互很简单,就是在日期类型文本框的【载入时】交互用例中,添加动作【设置文本】,设置“当前元件”的文本为【值】“[[Year]]-[[Month]]-[[Day]]”。

当你这么操作之后,你会发现没有用!

哇哈哈哈哈哈哈哈哈!

这是因为公式组织的格式出现了问题。

因为,不管月份和日期都有1位数和两位数两种情况,而日期格式的要求必须为两位数。

所以,上面的公式中,月份和日期都需要通过函数先在前面补上“0”,再截取最后两位。

修改后的公式为:[[Year]]-[['0'.concat(Month).slice(-2)]]-[['0'.concat(Day).slice(-2)]]

说明一下:

  • concat函数可以将字符串对象与参数字符串连接为新的字符串对象。
  • slice函数应该有两个参数,第一个参数时截取的起始位置,第二个参数是截取的终止位置,当省略第二个参数时,默认从第一个参数的位置截取到末尾;另外,负数表示从后往前数的位置。

交互截图:

通过以上设置,就能够在页面打开时,文本框中自动显示系统当前日期了。

特别强调,关注微信订阅号“iaxure”(二维码在本站首页右上方),能够及时获取本站推送的最新内容,如果不关注原型出错率上升36.97%!!!

源文件下载:http://downloads.iaxure.com/system_date.rp


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战》系列视频------从零入门进阶的最佳课程------【点此查看详情】


转载请注明:Axure原创教程网 » 日期类型文本框默认显示当前系统日期

喜欢 (9)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 厉害了
    子非鱼2018-08-01 10:04 回复
  2. 我想要做一个数字时钟的效果怎么做?
    Jinx2018-08-13 15:08 回复