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

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

日期类型文本框默认显示当前系统日期_第1张图片

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

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

日期类型文本框默认显示当前系统日期_第2张图片

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

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

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

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

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

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

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

哇哈哈哈哈哈哈哈哈!

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

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

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

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

说明一下:

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

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

交互截图:

日期类型文本框默认显示当前系统日期_第3张图片

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


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

你可能感兴趣的:(日期类型文本框默认显示当前系统日期)