好的。
我想创建一个使用尽可能少的代码的表单,供用户显示他们的营业时间和商店营业日期。
我知道我们可以使用时间选择器来选择时间和时间。
我要显示:
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
有从和到的开放时间,以及每天旁边的关闭复选框
但似乎编码这将使用大量的 html,这是一种更简洁的编码方式。也不确定如何对关闭复选框进行编码以对一天的条目打折,以便不提交其值。
下面的代码:星期一
<label>Monday: </label><select name="from" id="from">
<option value="06:00">6:00 AM</option> <option value="06:30">6:30 AM</option> <option value="07:00">7:00 AM</option> <option value="07:30">7:30 AM</option> <option value="08:00">8:00 AM</option> <option value="08:30">8:30 AM</option> <option value="09:00" selected>9:00 AM</option> <option value="09:30">9:30 AM</option> <option value="10:00">10:00 AM</option> <option value="10:30">10:30 AM</option> <option value="11:00">11:00 AM</option> <option value="11:30">11:30 AM</option> <option value="12:00">12:00 PM</option> <option value="12:30">12:30 PM</option> <option value="13:00">1:00 PM</option> <option value="13:30">1:30 PM</option> <option value="14:00">2:00 PM</option> <option value="14:30">2:30 PM</option> <option value="15:00">3:00 PM</option> <option value="15:30">3:30 PM</option> <option value="16:00">4:00 PM</option> <option value="16:30">4:30 PM</option> <option value="17:00">5:00 PM</option> <option value="17:30">5:30 PM</option> <option value="18:00">6:00 PM</option> <option value="18:30">6:30 PM</option> <option value="19:00">7:00 PM</option> <option value="19:30">7:30 PM</option> <option value="20:00">8:00 PM</option> <option value="20:30">8:30 PM</option> <option value="21:00">9:00 PM</option> <option value="21:30">9:30 PM</option> <option value="22:00">10:00 PM</option>
</select>
<label>to</label>
<select name="to" id="to">
<option value="06:00">6:00 AM</option> <option value="06:30">6:30 AM</option> <option value="07:00">7:00 AM</option> <option value="07:30">7:30 AM</option> <option value="08:00">8:00 AM</option> <option value="08:30">8:30 AM</option> <option value="09:00">9:00 AM</option> <option value="09:30">9:30 AM</option> <option value="10:00">10:00 AM</option> <option value="10:30">10:30 AM</option> <option value="11:00">11:00 AM</option> <option value="11:30">11:30 AM</option> <option value="12:00">12:00 PM</option> <option value="12:30">12:30 PM</option> <option value="13:00">1:00 PM</option> <option value="13:30">1:30 PM</option> <option value="14:00">2:00 PM</option> <option value="14:30">2:30 PM</option> <option value="15:00">3:00 PM</option> <option value="15:30">3:30 PM</option> <option value="16:00">4:00 PM</option> <option value="16:30">4:30 PM</option> <option value="17:00" selected>5:00 PM</option> <option value="17:30">5:30 PM</option> <option value="18:00">6:00 PM</option> <option value="18:30">6:30 PM</option> <option value="19:00">7:00 PM</option> <option value="19:30">7:30 PM</option> <option value="20:00">8:00 PM</option> <option value="20:30">8:30 PM</option> <option value="21:00">9:00 PM</option> <option value="21:30">9:30 PM</option> <option value="22:00">10:00 PM</option>
</select>
<input type="checkbox" name="closed" value="closed">
<font size="-1"><span>Closed</span>
fiddle :http://www.jsfiddle.net/mf2PB/
最佳答案
我能想到几件事,尽管这完全取决于用法。实际上,所有这些都在 HTML 中,所以最后它是一些大多数人看不到的文本。
使用 JavaScript 可以为您填充选项,但它随后将取决于 JavaScript 支持。实际上,它只是让您的初始 html 变小,但您添加了 JavaScipt 代码,DOM 元素最终还是一样的。
http://www.jsfiddle.net/urQc4/在服务器端脚本中执行此操作。
将您的选项分成小时/分钟:
http://www.jsfiddle.net/q4KcM/
至于在选中关闭的复选框时禁用,您需要在表单处理或预处理脚本中执行此操作,这又是 JavaScript。
关于javascript - 营业时间和营业日(选择表格),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4696859/