[發(fā)明專利]基于ReactNative的日期選擇模態(tài)組件開發(fā)方法及相關(guān)設(shè)備

在審

• 申請(qǐng)?zhí)枺?/td>: 202011532079.4
• 申請(qǐng)日: 2020-12-22
• 公開（公告）號(hào): CN112650491A
• 公開（公告）日: 2021-04-13
• 發(fā)明（設(shè)計(jì)）人: 趙程;戶筠
• 申請(qǐng)（專利權(quán)）人: 平安普惠企業(yè)管理有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38
• 代理公司: 深圳市世聯(lián)合知識(shí)產(chǎn)權(quán)代理有限公司 44385
• 代理人: 汪琳琳

1.一種基于ReactNative的日期選擇模態(tài)組件開發(fā)方法，其特征在于，包括下述步驟：

通過ReactNative配置日期選擇模態(tài)組件，并設(shè)置所述日期選擇模態(tài)組件的樣式布局；

配置日期數(shù)據(jù)，將所述日期數(shù)據(jù)綁定至所述日期選擇模態(tài)組件中；

接收到從所述日期數(shù)據(jù)中選擇的日期，對(duì)選中的日期進(jìn)行記錄并回調(diào)。

2.根據(jù)權(quán)利要求1所述的基于ReactNative的日期選擇模態(tài)組件開發(fā)方法，其特征在于，所述設(shè)置所述日期選擇模態(tài)組件的樣式布局的步驟包括：

定義所述日期選擇模態(tài)組件的屬性，并設(shè)置列表控件；

將所述列表控件配置于所述屬性的下部，形成所述樣式布局。

3.根據(jù)權(quán)利要求2所述的基于ReactNative的日期選擇模態(tài)組件開發(fā)方法，其特征在于，所述配置日期數(shù)據(jù)的步驟包括：

確定年份為閏年，配置所述閏年的二月份的天數(shù)；

確定所述年份為平年，配置所述平年的二月份的天數(shù)；

按照預(yù)設(shè)規(guī)則為除二月份之外的其他月份，配置與月份對(duì)應(yīng)的天數(shù)。

4.根據(jù)權(quán)利要求3所述的基于ReactNative的日期選擇模態(tài)組件開發(fā)方法，其特征在于，所述將所述日期數(shù)據(jù)綁定至所述日期選擇模態(tài)組件中的步驟包括：

將所述日期數(shù)據(jù)更新到所述日期選擇模態(tài)組件中；

將所述日期數(shù)據(jù)綁定至所述列表控件。

5.根據(jù)權(quán)利要求4所述的基于ReactNative的日期選擇模態(tài)組件開發(fā)方法，其特征在于，所述將所述日期數(shù)據(jù)綁定至所述列表控件的步驟包括：

將年份數(shù)據(jù)綁定至第一列表控件，并將所述年份數(shù)據(jù)從當(dāng)前年份進(jìn)行倒敘排列；

將月份數(shù)據(jù)和日數(shù)據(jù)依次綁定至第二列表控件和第三列表控件，并將所述月份數(shù)據(jù)和日數(shù)據(jù)進(jìn)行順序排列。

6.根據(jù)權(quán)利要求2至5任一項(xiàng)所述的基于ReactNative的日期選擇模態(tài)組件開發(fā)方法，其特征在于，所述接收到從所述日期數(shù)據(jù)中選擇的日期，對(duì)選中的日期進(jìn)行記錄并回調(diào)的步驟包括：

設(shè)置所述列表控件的滾動(dòng)距離，按照所述滾動(dòng)距離滾動(dòng)所述列表控件進(jìn)行日期選擇，記錄選中的日期；

確認(rèn)所述選中的日期，將所述選中的日期傳遞給回調(diào)。

7.根據(jù)權(quán)利要求6所述的基于ReactNative的日期選擇模態(tài)組件開發(fā)方法，其特征在于，在所述記錄選中的日期的步驟之后還包括：

取消所述選中的日期，并調(diào)用取消方法進(jìn)行回調(diào)。

8.一種基于ReactNative的日期選擇模態(tài)組件開發(fā)裝置，其特征在于，包括：

配置模塊，用于通過ReactNative配置日期選擇模態(tài)組件，并設(shè)置所述日期選擇模態(tài)組件的樣式布局；

綁定模塊，用于配置日期數(shù)據(jù)，將所述日期數(shù)據(jù)綁定至所述日期選擇模態(tài)組件中；

回調(diào)模塊，用于接收到從所述日期數(shù)據(jù)中選擇的日期，對(duì)選中的日期進(jìn)行記錄并回調(diào)。

9.一種計(jì)算機(jī)設(shè)備，包括存儲(chǔ)器和處理器，所述存儲(chǔ)器中存儲(chǔ)有計(jì)算機(jī)可讀指令，所述處理器執(zhí)行所述計(jì)算機(jī)可讀指令時(shí)實(shí)現(xiàn)如權(quán)利要求1至7中任一項(xiàng)所述的基于ReactNative的日期選擇模態(tài)組件開發(fā)方法的步驟。

10.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)上存儲(chǔ)有計(jì)算機(jī)可讀指令，所述計(jì)算機(jī)可讀指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)如權(quán)利要求1至7中任一項(xiàng)所述的基于ReactNative的日期選擇模態(tài)組件開發(fā)方法的步驟。