根据当前日期的时间隐藏元素

Question

我正在使用jui的ui-datepicker日历，并且我试图仅在当日上午10点之前隐藏以下选项的元素：option：nth-​​child（2）：

<select name="delivery_time_frame" id="delivery_time_frame" class="select " data-allow_clear="true" data-placeholder="Choose a time of delivery ">                          
  <option value="">Choose a time of delivery </option>
  <option value="time_frame:0">12:00 – 14:00</option>
  <option value="time_frame:1">14:00 – 16:00</option>
  <option value="time_frame:2">16:00 – 18:00</option>
  <option value="time_frame:3">18:00 – 20:00</option>                       
</select>

通过使用查询选择器：

document.querySelector("#delivery_time_frame > option:nth-child(2)")

例如，如果时间仅在当天10:00 am之前，我要隐藏第一个选项。如果有人在日历中选择了当前日期以外的日期，我不想隐藏。例如，如果在日期选择器日历中选择了第二天，则我不会隐藏该元素；我希望它可见以供选择。

这一点是，如果有人选择在同一天交付压延机，我希望除了第一个以外的所有可用选项（从14:00到20:00）。如果选择其他任何一天交付，我希望所有选项可用。

感谢您的帮助！

Answer 1

对于您所遇到问题的确切情况，我不太清楚。根据提供的信息，您似乎希望根据某些情况显示DDL的不同选项。解决这种问题的方法可能很少：

1. 根据使用的业务逻辑动态地准备选项一些循环（例如：for循环）。然后将其分配给Select（DDL / Drop Down列表控件）。

Answer 2

您应该发布一个最小的示例作为代码，以便其他人可以尽可能轻松地重现您的问题。我已经模拟了一些支持的东西，可能不是您所拥有的，但足以作为示例。