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

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

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

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

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

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

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

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

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

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

当你这么操作之后，你会发现没有用！

哇哈哈哈哈哈哈哈哈！

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

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

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

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

说明一下：

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

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

交互截图：

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

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