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

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

但是,这是限制开放时间,我希望用户能够选择一个时间,这反过来会隐藏超过午夜关闭时间的输入(在这种情况下,该值设置为 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');

图片[1]-我正在构建一个预订表格,并且让用户能够选择他们逗留的日期、时间和持续时间。-唐朝资源网

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

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

非常感谢。

邓肯

© 版权声明
THE END
喜欢就支持一下吧
点赞149 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片