有時候喷鸽,在原型中我們需要添加日期的選擇框。
在AxureRP8中讼庇,日期的選擇框可以通過文本框指定為日期類型實(shí)現(xiàn)。
并且近尚,如果想默認(rèn)顯示某個日期蠕啄,可以在提示文字的輸入框中輸入格式為“yyyy-mm-dd”的日期。
不過這樣處理的話,在原型預(yù)覽時,沒有辦法手動輸入日期茅信,并且無法獲取日期笼平。
也就是說文本框中的日期是提示,而不是文本框的值夺饲。
另外,在文字提示中設(shè)置的日期,只能寫一個固定日期骚秦,如果想每次查看原型都是當(dāng)前日期她倘,就需要查看前修改。
為了解決上面的問題作箍,我們需要在元件【載入時】硬梁,通過交互去指定顯示的日期。
這樣設(shè)置的日期胞得,不但可以通過輸入修改日期荧止,也能獲取到日期的數(shù)值,還能夠通過系統(tǒng)變量與函數(shù)自動填入當(dāng)前系統(tǒng)日期阶剑。
交互很簡單跃巡,就是在日期類型文本框的【載入時】交互用例中,添加動作【設(shè)置文本】牧愁,設(shè)置“當(dāng)前元件”的文本為【值】“[[Year]]-[[Month]]-[[Day]]”素邪。
當(dāng)你這么操作之后,你會發(fā)現(xiàn)沒有用递宅!
哇哈哈哈哈哈哈哈哈娘香!
這是因?yàn)楣浇M織的格式出現(xiàn)了問題。
因?yàn)榘炝洌还茉路莺腿掌诙加?位數(shù)和兩位數(shù)兩種情況烘绽,而日期格式的要求必須為兩位數(shù)。
所以俐填,上面的公式中安接,月份和日期都需要通過函數(shù)先在前面補(bǔ)上“0”,再截取最后兩位英融。
修改后的公式為:[[Year]]-[['0'.concat(Month).slice(-2)]]-[['0'.concat(Day).slice(-2)]]
說明一下:
concat函數(shù)可以將字符串對象與參數(shù)字符串連接為新的字符串對象盏檐。
slice函數(shù)應(yīng)該有兩個參數(shù),第一個參數(shù)時截取的起始位置驶悟,第二個參數(shù)是截取的終止位置胡野,當(dāng)省略第二個參數(shù)時,默認(rèn)從第一個參數(shù)的位置截取到末尾痕鳍;另外硫豆,負(fù)數(shù)表示從后往前數(shù)的位置。
交互截圖:
通過以上設(shè)置笼呆,就能夠在頁面打開時熊响,文本框中自動顯示系統(tǒng)當(dāng)前日期了。