????有客戶問：datepicker是怎么操作的？

????我答：datepicker可以直接用"輸入文本"組件。

????客戶說：不是，現在我操作的這個網頁上datepicker是不能直接輸入的，否則就直接用“輸入文本”組件搞定，很簡單的。

????沒錯，datepicker也是我們在項目中經常用到的，處理方式不能一概而論，跟客戶說的一樣，需要具體問題具體分析，有些網頁或者桌面程序的日期是支持直接輸入，這種情況下我們就用“輸入文本”組件，另外一種情況是不支持直接輸入，必須得點擊才能選擇到。如果需要輸入的年月日固定，也好點擊操作，但是年月日不固定又該如何操作呢？

????接下來，我們一起看看具體操作。

準備工作：

????1)準備開發流程的電腦，請打開云擴學院鏈接查看云擴RPA編輯器運行的硬件&軟件要求(https://academy.encoo.com/zh-cn/wiki/Studio/HarewareAndSoftwareRequirements.md?uuid=1bb922bd-c25d-4921-9241-f13ee45d295f)

??? 2)打開云擴官網(https://www.encoo.com/)下載編輯器并安裝。

本次課程介紹：

??? 1)流程名稱：日期選擇機器人，該機器人可以在不固定年月日的情況下從datepicker中正確選擇到我們想要選擇的日期。

我們以此網站為例：https://ant.design/components/date-picker-cn/

??? 2)流程開發設計如下：

??? 3)流程開發步驟：

打開云擴編輯器，選擇“項目”，并點擊“新建項目”進行創建項目。

a)“獲取系統年月日”部分

打開MainFlow窗口，拖入“流程圖”組件，重命名為“獲取年月日”：

雙擊打開流程圖，拖入“賦值”組件，設置變量“年”(String)與參數“年份增量”，獲取當前系統年份并將該值賦給變量“年”，同時添加用戶可自定義的當前年份前幾年或后幾年數據入口，代碼為：?

年份：System.DateTime.Now.AddYears(年份增量).ToString("yyyy")

同樣方法拖入“賦值”組件并賦值當前系統月份及日期。注意：添加變量“月”、“日”及參數“月份增量”、“日期增量”，如下圖所示，獲取月份、日期代碼為：

月份：System.DateTime.Now.AddMonths(月份增量).ToString("MM").TrimStart('0')

(用TrimStart()方法是為了刪掉月份前面的“0”，比如“01”月，因為我們后續流程中只需要“1”，不需要“01”。如果流程中需要01，那么可以把TrimStart()方法去掉，可視具體情況而定)

日期：System.DateTime.Now.AddDays(日期增量).ToString("dd")

C#獲取年月日方法很多，如果想要獲取當前日期前一日，則用AddDays(-1),舉例如下：

今天DateTime.Now.Date.ToShortDateString();昨天，就是今天的日期減一
DateTime.Now.AddDays(-1).ToShortDateString();明天，今天的日期加一
DateTime.Now.AddDays(1).ToShortDateString();

月份年份同理

b)“點擊日期選擇框”部分

拖入“點擊”組件，指定日期輸入框元素(點擊日期選項框元素打開日期選項框)：

c)“選擇年份”部分

拖入“點擊”組件，指定年份title元素(點擊年份title打開年份選項框)：

拖入“獲取結構化數據”組件，指定年份table元素(獲取該面板所有年份以查看用戶預期年份是否包含在內，如果不存在，則點擊上一頁或者下一頁按鈕翻頁)：

拖入“C#”組件，從上步獲取的數據表中循環查找預期年份，如果有，則賦值isTrue為true，為下一步做準備：

附上查找年份代碼段：

?isTrue=false;for(int?i=0;i????for(int?j=0;j????????if(dt.Rows[i][j].Equals(年)){
????????i=i+1;
????????j=j+1;
????????isTrue=true;break;
????}else{continue;
????????}????
????}
}

拖入“流程決策”組件，輸入判斷條件isTrue：

如果isTrue為真(上步中查詢到預期年份)，則直接點擊選中年份，如果未查到年份，則點擊翻頁。拖入“點擊”組件，并分別指定對應元素與對應操作連接，如下圖所示：

注意：如果需求中選擇的年份并不會超越年份面板，那么判斷年份是否存在部分完全可以省略，以此來節省流程開發與運行時間，那么，這種情況下，年份部分的流程如下圖所示：

d)“選擇月份”部分

拖入“賦值”組件，拼接月份，如下圖所示：

拖入“點擊”組件，并指定月份title元素(打開月份面板)：

拖入“點擊”組件，指定預期月份元素(點擊指定預期月份)：

e)“選擇日期”部分

拖入“點擊”組件，指定預期日期元素(點擊選擇日期)：

至此，所有操作步驟已開發完畢，保存流程，并進行運行查看，但在實際項目中，請別忘記第四課講到的“錯誤捕獲(Try catch)”組件的使用，以此來保證流程的穩定性。以下為流程運行視頻：

????好啦，小伙伴們，今天的課就到此結束，流程開發過程中若遇到問題，請留言；若有其他開發思路，也請留言，祝各位開發順利~

(本節課開發的流程可從流程市場中下載)

總結

以上是生活随笔為你收集整理的html日期选择框_第十课 日期选择框（datepicker）的操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。