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

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

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

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

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

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

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

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

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

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

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

哇哈哈哈哈哈哈哈哈!

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

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

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

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

说明一下:

concat函数可以将字符串对象与参数字符串连接为新的字符串对象。

slice函数应该有两个参数,第一个参数时截取的起始位置,第二个参数是截取的终止位置,当省略第二个参数时,默认从第一个参数的位置截取到末尾;另外,负数表示从后往前数的位置。

交互截图:

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


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容