如何在selenium中检查和选择可用日期

Question

有inspect代码，这个网站使用angular应用程序作为前端。如何选择日期。如果所有日期都禁用，则转到下个月，如果不可用，则检查下个月

HTML：

<div class="fc-daygrid-day-bg"></div>
</div>
</td>
<td class="fc-daygrid-day fc-day fc-day-thu fc-day-future" data-date="2022-01-06">
   <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
      <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">6</a></div>
      <div class="fc-daygrid-day-events">
         <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
      </div>
      <div class="fc-daygrid-day-bg"></div>
   </div>
</td>
<td class="fc-daygrid-day fc-day fc-day-fri fc-day-future" data-date="2022-01-07">
   <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
      <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">7</a></div>
      <div class="fc-daygrid-day-events">
         <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
      </div>
      <div class="fc-daygrid-day-bg"></div>
   </div>
</td>
<td class="fc-daygrid-day fc-day fc-day-sat fc-day-future" data-date="2022-01-08">
   <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
      <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">8</a></div>
      <div class="fc-daygrid-day-events">
         <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
      </div>
      <div class="fc-daygrid-day-bg"></div>
   </div>
</td>
<td class="fc-daygrid-day fc-day fc-day-sun fc-day-future" data-date="2022-01-09">
   <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
      <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">9</a></div>
      <div class="fc-daygrid-day-events">
         <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
      </div>
      <div class="fc-daygrid-day-bg"></div>
   </div>
</td>
</tr>
<tr>
   <td class="fc-daygrid-day fc-day fc-day-mon fc-day-future" data-date="2022-01-10">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">10</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-tue fc-day-future" data-date="2022-01-11">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">11</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-wed fc-day-future" data-date="2022-01-12">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">12</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-thu fc-day-future" data-date="2022-01-13">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">13</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-fri fc-day-future" data-date="2022-01-14">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">14</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-sat fc-day-future" data-date="2022-01-15">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">15</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-sun fc-day-future" data-date="2022-01-16">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">16</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
</tr>
<tr>
   <td class="fc-daygrid-day fc-day fc-day-mon fc-day-future" data-date="2022-01-17">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">17</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-tue fc-day-future" data-date="2022-01-18">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">18</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-wed fc-day-future" data-date="2022-01-19">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">19</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-thu fc-day-future" data-date="2022-01-20">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">20</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-fri fc-day-future" data-date="2022-01-21">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">21</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-sat fc-day-future" data-date="2022-01-22">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">22</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-sun fc-day-future" data-date="2022-01-23">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">23</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
</tr>
<tr>
   <td class="fc-daygrid-day fc-day fc-day-mon fc-day-future" data-date="2022-01-24">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">24</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-tue fc-day-future" data-date="2022-01-25">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">25</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-wed fc-day-future" data-date="2022-01-26">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">26</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-thu fc-day-future" data-date="2022-01-27">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">27</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-fri fc-day-future date-availiable" data-date="2022-01-28">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">28</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-event-harness" style="margin-top: 0px;">
               <a class="fc-daygrid-event fc-daygrid-block-event fc-h-event fc-event fc-event-start fc-event-end fc-event-future availiable">
                  <div class="fc-event-main">
                     <div class="fc-event-main-frame">
                        <div class="fc-event-title-container">
                           <div class="fc-event-title fc-sticky">availiable</div>
                        </div>
                     </div>
                  </div>
               </a>
            </div>
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-sat fc-day-future" data-date="2022-01-29">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">29</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-sun fc-day-future" data-date="2022-01-30">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-top"><a class="fc-daygrid-day-number">30</a></div>
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
</tr>
<tr>
   <td class="fc-daygrid-day fc-day fc-day-mon fc-day-disabled">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-tue fc-day-disabled">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-wed fc-day-disabled">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-thu fc-day-disabled">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-fri fc-day-disabled">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-sat fc-day-disabled">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
         <div class="fc-daygrid-day-events">
            <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>
         </div>
         <div class="fc-daygrid-day-bg"></div>
      </div>
   </td>
   <td class="fc-daygrid-day fc-day fc-day-sun fc-day-disabled">
      <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
      <div class="fc-daygrid-day-events">
      <div class="fc-daygrid-day-bottom" style="margin-top: 0px;"></div>

当日期可用时，首先单击“另一个”转到下个月，检查是否找到任何可用日期，然后单击。

我该怎么做帮我我试过了但我做不到

Answer 1

我建议您使用XPath选择元素，并检查禁用该元素的CSS样式。例如，“指针事件”设置为“none”值，而不是“auto”或某些禁用和更改元素行为的CSS类。如果你已经找到了这种元素，那么你应该点击它，否则，你应该选择对应于“下个月”引用的元素，然后点击它，再次开始搜索可点击的日期元素。我希望这会有所帮助。