datetimepicker是一个常用的日期时间选择插件,allowTimes参数用于设置可选的时间范围。为了实现allowTimes循环,可以使用JavaScript编写一个函数来生成时间选项。
以下是一个示例代码:
function generateAllowTimes() {
var allowTimes = [];
var hours = 24;
var minutes = 60;
var interval = 15; // 时间间隔为15分钟
for (var i = 0; i < hours; i++) {
for (var j = 0; j < minutes; j += interval) {
var hour = i.toString().padStart(2, '0');
var minute = j.toString().padStart(2, '0');
allowTimes.push(hour + ':' + minute);
}
}
return allowTimes;
}
// 使用datetimepicker插件,并设置allowTimes参数
$('#datetimepicker').datetimepicker({
allowTimes: generateAllowTimes()
});
这段代码中,generateAllowTimes函数会生成一个包含所有可选时间的数组allowTimes。通过两个嵌套的循环,分别遍历小时和分钟,生成格式为"HH:MM"的时间字符串,并添加到allowTimes数组中。最后,将生成的allowTimes数组作为参数传递给datetimepicker插件的allowTimes选项。
这样,插件将会根据生成的allowTimes数组提供可选的时间选项,而不是硬编码每个季度。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云