如何使用Axure：[3]创建日期选择器DatePickup

在很多的软件产品中，常常可以看到，点击一个按钮，然后下方弹出一个日历控件，然后我们点击选择具体的日期后，就在文本框中有了所选择的日期。此篇就为大家介绍一种最简单的日期选择器的制作。

工具/原料

Axure RP

开始

1、打开Axure，新建一个空白文档。

准备

1、拖动一个文本输入框（Text Field）作为显示/输入日期的地方。并命名为「DateShow」

3、拖动一个矩形，转换成动态面板，用于呈现弹出的日历。并命名为「Cal」

3、拖动一个标签（Label），用于呈现当前选择的年，并命名为「Year」。

5、添加一个按钮，编辑上面的文字为「今」，然后命名为「Today」，当单击这个按钮之后，将会跳转到今天。

添加事件

1、回到最初的编辑面板，设置「Cal」动态面板的可见性为「假」

结束

1、到此为止，已经有了一个非常简单的日鲋逐噗瘀期选择部件了。后续，我们可以为动态面板里面的箭头添加事件，用来切换具体的日历项目。还可以为表格中的单元格添加单击事件，当用户单击表格中的单元格时，将这一天添加到文本框中。按F5进行预览。