如何在jquery中以半小时间隔获取选择框中的时间
如何在jquery中以半小时间隔获取选择框中的时间
提问于 2017-07-29 20:59:12
我在选择框的选项中得不到23:30。谁能告诉我正确的方式添加30分钟间隔的选项。
jQuery(document).ready(function() {
var hr = "00";
var mi = "00";
var count = 0;
for (hr = "0"; hr < 24; hr++) {
if (hr < 10) {
apd = "0";
} else {
apd = ""
}
if (count % 2 == 0) {
mi = "00";
jQuery("#bmg_monday_start_hour").append('<option val="' + apd + hr + ':' + mi + '">' + apd + hr + ':' + mi + '</option>');
} else {
hr--;
mi = "30";
jQuery("#bmg_monday_start_hour").append('<option val="' + apd + hr + ':' + mi + '">' + apd + hr + ':' + mi + '</option>')
}
count++;
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<select name="bmg_monday_start_hour" id="bmg_monday_start_hour" class="form-control bmg-hrs-mins-input"></select>
</div>
回答 4
Stack Overflow用户
回答已采纳
发布于 2017-07-29 21:07:39
您可以删除围绕count的逻辑。
例如：
let $select = jQuery("#bmg_monday_start_hour");
for (let hr = 0; hr < 24; hr++) {
let hrStr = hr.toString().padStart(2, "0") + ":";
let val = hrStr + "00";
$select.append('<option val="' + val + '">' + val + '</option>');
val = hrStr + "30";
$select.append('<option val="' + val + '">' + val + '</option>')
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<select name="bmg_monday_start_hour" id="bmg_monday_start_hour" class="form-control bmg-hrs-mins-input"></select>
</div>
Stack Overflow用户
发布于 2017-07-29 21:28:33
您可以通过hr array和append选项在几行代码中使用hr数组和mi循环数组来实现这一点
$(document).ready(function() {
var hr=['00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23'];
var mi=['00','30'];
for( i=0;i<hr.length;i++){
$("#bmg_monday_start_hour").append('<option val="' + hr[i] + ':' + mi[0] + '">'+ hr[i] + ':' + mi[0] + '</option>');
$("#bmg_monday_start_hour").append('<option val="' + hr[i] + ':' + mi[1] + '">' + hr[i] + ':' + mi[1] + '</option>');
}
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<select name="bmg_monday_start_hour" id="bmg_monday_start_hour" class="form-control bmg-hrs-mins-input">
</select>
</div>
Stack Overflow用户
发布于 2017-07-29 21:56:13
jQuery(document).ready(function () {
var hr = "00";
var mi = "00";
var count = 0;
var apd = "0";
for (hr = "0"; hr <= 24; hr++) {
if (hr <= 10) {
apd = "0";
} else {
apd = "";
}
if (count % 2 == 0) {
mi = "00";
if (hr != "24" && hr != "10") {
jQuery("#bmg_monday_start_hour").append('<option val="' + apd + hr + ':' + mi + '">' + apd + hr + ':' + mi + '</option>');
}
else if (hr == "10") {
jQuery("#bmg_monday_start_hour").append('<option val="' + hr + ':' + mi + '">' + hr + ':' + mi + '</option>');
}
} else {
hr--;
mi = "30";
jQuery("#bmg_monday_start_hour").append('<option val="' + apd + hr + ':' + mi + '">' + apd + hr + ':' + mi + '</option>')
}
count++;
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<select name="bmg_monday_start_hour" id="bmg_monday_start_hour" class="form-control bmg-hrs-mins-input"></select>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45389579
复制相关文章
相似问题
腾讯云开发者
