Axure 原型設計中，日期選擇器是高頻復用組件。本教程手把手教你用動態面板+繼電器邏輯，構建可點擊選日期、自動回填、自動關閉的完整交互原型。

組件搭建三步走

Step 1：基礎元件佈局

• 拖入兩個文本面板：標籤「選擇日期」、默認日期顯示區（設為文本框樣式）。
• 拖入一個矩形框作為觸發區。

Step 2：引入/製作日曆控件

Axure 默認庫無日曆，可下載現成 .rplib 或自製。將日曆所有元素組合 → 右鍵「轉為動態面板」 → 命名「日曆控件」 → 放置於輸入框下方 → 設置「隱藏」狀態。

Step 3：事件交互綁定

1. 輸入框 OnClick：顯示「日曆控件」動態面板（可加入翻頁動畫）。
2. 日曆內日期點擊：進入動態面板狀態編輯，為每個日期按鈕添加 OnClick → ① 設「文本2」值 = 選中日期 ② 隱藏「日曆控件」。
3. 擴展：同理為多個日期綁定；若日曆含月份切換，再綁定翻頁交互即可構建完整日曆。

原型下載：axure常用交互實例日曆控件.rar

作者：leo | 來源：365ucd.com