我有一个选择下拉列表,时间间隔为 30 分钟,例如
11:00 AM, 11:30 AM, 12:00 PM, 12:30 PM, 1:00 PM
从上午 0:00 开始,到晚上 11:30 结束
<select id='time'>
<option value="11:30 AM">11:30 AM</option>
<option value="12:00 PM">12:00 PM</option>
<option value="12:30 PM">12:30 PM</option>
<option value="1:00 PM">1:00 PM</option>
<option value="1:30 PM">1:30 PM</option>
<option value="2:00 PM">2:00 PM</option>
<option value="2:30 PM">2:30 PM</option>
<option value="3:00 PM">3:00 PM</option>
<option value="3:30 PM">3:30 PM</option>
<option value="4:00 PM">4:00 PM</option>
<option value="4:30 PM">4:30 PM</option>
</select>
$(document).ready(function(){
$('#time').val(.now()); // this wouldnt work it gives the current time which may be between 30 min
});
我希望此选择下拉菜单默认为根据当前时间四舍五入到最近的较高时间。
例如。如果当前时间为上午 10:46,则所选值应为上午 11:00,如果当前时间为上午 10:31,则还应默认为上午 11:00。
有关使用 jquery 或普通 javascript 实现此目的的任何指针。
谢谢