qt 日历类 不可输入当前日期之后的日期_Axure8制作日期选择器（日历控件）

日历控件为常用控件，但Axure自带的元件库里是没有，我们需要手动制作，今天给大家讲一下如何制作，如果需要源文件的朋友可以留言。

先看效果：

1、单选日历控件

2、双选日历控件

一、实现原理：

1、界面部分：

2、事件部分：

①日期框中增加鼠标点击事件，弹出动态面板（日期选择框）

②日期选择弹窗中，日历数据是一个中继器，鼠标选择中继器的某个单元后值赋给日期框。

二、实现过程：

1、添加一个矩形命名为Input Message，一个动态面板命名为Calendar，设定一个全局变量Day（用于存储选择的日期），为input Message添加事件：显示 Calendar。

2、打开动态面板Calendar，为state1添加一个中继器，中继器中记录总数为35条，空的日期为空，其余从1~30，如下图

3、设定中继器的展示样式，排列格式为水平，网格排布，每排7个

4、双击中继器进入单元编辑，修改为透明的正方形（下图左侧 中继器单元）

①设定样式：选择形状为圆形，鼠标悬停颜色与鼠标按下颜色

②添加事件：

· 用户选择一个日期后，记录当前日期到全局变量Day中。

· 设定日期框 = 当前选择日期

· 隐藏日期弹出窗

运行一下，即可看到效果，点击【日期框】弹出弹窗【Calendar】，选择某个日期，会自动填写日期。

有问题，需要源文件的请留言，支持请点赞哈~~

---

20200414补充双日历选择实现办法：

Repeater Cell（中继器单元）中增加如下事件：

说一下原理：

创建两个变量StartDay，EndDay，分别是起始日期。

StartDay为空时，选择的数据存入StartDay，StartDay不为空时，选择的数据存入EndDay。

剩下的都是一些控制样式动作。