javascript - 填补空档
问题描述
我需要建立一个时间表,有一个包含数据的数组: 1.json.schedule_day 这是构建时间表输出的代码:
html = '<div class="calendar px-4 owl-carousel owl-theme d-flex">';
for (var i = 0; i < json.schedule_date.length; i++) {
html += '<div class="item mb-2 text-center">';
html += ' <div class="mb-2 small">';
html += ' <p class="m-0">' + json['schedule_date'][i]['weekday_name'] + '</p>';
html += ' <p class="m-0 text-muted">' + json['schedule_date'][i]['day'] + '</p>';
html += ' </div>';
html += ' <div class="slots d-flex flex-column">';
$.each(json['schedule_date'][i]['slots'], function(i, slot) {
if (i > 2) {
var $expanded = 'expanded d-none'
}
html += ' <button data-date-time="' + slot.datetime + '" type="button" class="btn btn-primary btn-booking mb-2 p-1 ' + $expanded + '" >' + slot.time + '</button>';
});
html += ' </div>';
html += '</div>';
}
html += '</div>';
结果,我得到了一个时间表,一切都很好
但是您需要填写空时隙(-)才能得到它:
这是我的 json.schedule_day 的一个例子
[
{
"date": "2020-07-27",
"day": "27 Июл",
"weekday_name": "Пн",
"slots": [
{
"time": "19:57",
"datetime": "2020-07-27 19:57",
"booked": false
},
{
"time": "20:27"
},
{
"time": "20:57"
},
{
"time": "21:27"
},
{
"time": "21:57"
}
]
}
]
解决方案
推荐阅读
- python - 错误:“浮动”对象在使用 .corr 时没有属性“形状”
- react-native - 反应本机中的抽屉导航问题
- awk - 如何使用 awk 或 sed 从 HTML 代码中获取所有属性名称和值
- c# - System.Data.SqlClient 与 .NET 4.0
- javascript - 我们应该在本机反应中使用类变量吗?
- python - CV2 imwrite 不保存为 16 位
- python - 如何在 Python 中的 OpenCV 中将图像的背景颜色设置为相同的颜色
- javascript - Plyr.js 视频播放器将音量设置为 0 并静音为真,有没有办法覆盖用户设置?
- flutter - 无法确定捆绑的 Java 版本
- java - 从 servlet (out.println) 返回的 HTML 通过 AJAX 插入网页的 div 后,jQuery/JavaScript 脚本不起作用