我正在构建一个预订表格，并且让用户能够选择他们逗留的日期、时间和持续时间。

我正在构建一个预订表格，并且我让用户能够选择他们逗留的日期、时间和持续时间。

但是，这是限制开放时间，我希望用户能够选择一个时间，这反过来会隐藏超过午夜关闭时间的输入（在这种情况下，该值设置为 24 小时）

我正在尝试隐藏这两个元素以最大程度地减少用户输入错误。

我的代码如下，非常感谢任何可能提供帮助的人。

JS

let dateRow = document.getElementById('dateCollapse');
let datePick = document.getElementById('dp1');
let showDate = document.getElementById('dateSelect');
let timeCell = document.getElementsByClassName('time-cell');
var tiSelect = document.getElementsByName('startTime');
var durSelect = document.getElementsByName('duration');

var durLabel = document.getElementsByClassName('durationLabel');
  function displayTime() {
  for(i = 0; i 
      var durDisplay = parseInt(durSelect[x].value);
      if (timeDisplay + durDisplay >= 24)
        
          var durId = durSelect[a].getAttribute('id');
          var durFor = durLabel.htmlFor;
          if (durId == durFor)
            durLabel.style.display = 'none';
        
        
    };

HTML

                    

                        

                            Duration
                        
                    
                        

                            

                                
                                
                                    1HR
                                
                            
                            
                                
                                
                                    2HRS
                                

                            
                            
                                
                                
                                    3HRS
                                
                            
                        

我给你的 HTML 代码 sn-p 突出显示了一行（4 行中的 1 行），但我要实现的目标仍然适用。

非常感谢。

邓肯