[发明专利]基于ReactNative的日期选择模态组件开发方法及相关设备

权利要求书

1.一种基于ReactNative的日期选择模态组件开发方法，其特征在于，包括下述步骤：

通过ReactNative配置日期选择模态组件，并设置所述日期选择模态组件的样式布局；

配置日期数据，将所述日期数据绑定至所述日期选择模态组件中；

接收到从所述日期数据中选择的日期，对选中的日期进行记录并回调。

2.根据权利要求1所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，所述设置所述日期选择模态组件的样式布局的步骤包括：

定义所述日期选择模态组件的属性，并设置列表控件；

将所述列表控件配置于所述属性的下部，形成所述样式布局。

3.根据权利要求2所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，所述配置日期数据的步骤包括：

确定年份为闰年，配置所述闰年的二月份的天数；

确定所述年份为平年，配置所述平年的二月份的天数；

按照预设规则为除二月份之外的其他月份，配置与月份对应的天数。

4.根据权利要求3所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，所述将所述日期数据绑定至所述日期选择模态组件中的步骤包括：

将所述日期数据更新到所述日期选择模态组件中；

将所述日期数据绑定至所述列表控件。

5.根据权利要求4所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，所述将所述日期数据绑定至所述列表控件的步骤包括：

将年份数据绑定至第一列表控件，并将所述年份数据从当前年份进行倒叙排列；

将月份数据和日数据依次绑定至第二列表控件和第三列表控件，并将所述月份数据和日数据进行顺序排列。

6.根据权利要求2至5任一项所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，所述接收到从所述日期数据中选择的日期，对选中的日期进行记录并回调的步骤包括：

设置所述列表控件的滚动距离，按照所述滚动距离滚动所述列表控件进行日期选择，记录选中的日期；

确认所述选中的日期，将所述选中的日期传递给回调。

7.根据权利要求6所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，在所述记录选中的日期的步骤之后还包括：

取消所述选中的日期，并调用取消方法进行回调。

8.一种基于ReactNative的日期选择模态组件开发装置，其特征在于，包括：

配置模块，用于通过ReactNative配置日期选择模态组件，并设置所述日期选择模态组件的样式布局；

绑定模块，用于配置日期数据，将所述日期数据绑定至所述日期选择模态组件中；

回调模块，用于接收到从所述日期数据中选择的日期，对选中的日期进行记录并回调。

9.一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的基于ReactNative的日期选择模态组件开发方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的基于ReactNative的日期选择模态组件开发方法的步骤。