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

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

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

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

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

準(zhǔn)備工作：

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

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

本次課程介紹：

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

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

??? 2)流程開發(fā)設(shè)計(jì)如下：

??? 3)流程開發(fā)步驟：

打開云擴(kuò)編輯器，選擇“項(xiàng)目”，并點(diǎn)擊“新建項(xiàng)目”進(jìn)行創(chuàng)建項(xiàng)目。

a)“獲取系統(tǒng)年月日”部分

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

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

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

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

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

(用TrimStart()方法是為了刪掉月份前面的“0”，比如“01”月，因?yàn)槲覀兒罄m(xù)流程中只需要“1”，不需要“01”。如果流程中需要01，那么可以把TrimStart()方法去掉，可視具體情況而定)

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

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

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

月份年份同理

b)“點(diǎn)擊日期選擇框”部分

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

c)“選擇年份”部分

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

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

拖入“C#”組件，從上步獲取的數(shù)據(jù)表中循環(huán)查找預(yù)期年份，如果有，則賦值isTrue為true，為下一步做準(zhǔn)備：

附上查找年份代碼段：

?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為真(上步中查詢到預(yù)期年份)，則直接點(diǎn)擊選中年份，如果未查到年份，則點(diǎn)擊翻頁。拖入“點(diǎn)擊”組件，并分別指定對(duì)應(yīng)元素與對(duì)應(yīng)操作連接，如下圖所示：

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

d)“選擇月份”部分

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

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

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

e)“選擇日期”部分

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

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

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。