javascript - 如何在事件 FullCalendar 中添加选择框
问题描述
如何在事件中添加选择框?我使用 eventRender,但渲染后字段为空,我无法更改值。
eventRender: function(info) {
var content = info.el.children[0];
var eventProps = info.event.extendedProps;
if(info.event.allDay){
content.innerHTML = eventProps.name+'<br>'+eventProps.phone;
}else{
let apartment = eventProps.apartment == 0 || eventProps.apartment == null ? '' : eventProps.apartment;
content.children[1].remove();
var districtDiv = document.createElement('div');
districtDiv.style.float = 'right';
districtDiv.innerHTML = eventProps.district;
content.insertBefore(districtDiv, content.firstChild);
var newDiv = document.createElement('div');
var html = `<div>
<div>${eventProps.street}</div>
<div>
<select class="select">
<option value="" disabled selected>Type</option>
<option>Type 1</option>
<option>Type 2</option>
</select>
Ap: ${apartment}
</div>
</div>`;
newDiv.innerHTML = html;
content.appendChild(newDiv);
}
},
eventClick: function(info) {
if(info.jsEvent.target.className == 'select') return false;
}
结果:
解决方案
推荐阅读
- python - 如何将 matplotlib 图保存到列表中,然后显示它们?
- python - 从 YahooFinance 获取价格数据原因:AttributeError 'nonetype' object has no attribute 'text'
- hdfs - putHDFS 后重命名文件
- html - PowerShell HTML 方法 getElementsByClassName 返回 null
- mobile-safari - Safari Mobile / 从独立 PWA 强制新窗口
- amazon-web-services - 在我自己的应用程序中集成 Private Alexa Skill
- angular - 如何在浏览器刷新Angular 4时处理CanActivate
- python - Django 反向 m2m 查询
- excel - Excel - 返回包含特定行中三个特定值的列
- jquery - 预加载器脚本 - 在页面加载之前更改 SVG 填充颜色