如何在完整日历 jQuery 中更改参数名称"title"、"start"和"end"

Question

在jquery的完整日历脚本中，我想通过数据库表中的列名更改关键字"title"start"和"end"。

当我在数据库表中更改列的名称时，全日历工作：

我用"标题"更改了"名称"，"date_start"更改为"开始"，将"date_end"更改为"结束"，好吧，这是工作，但我想做相反的事情。

$(document).ready(function() {
var calendar = $('#calendar').fullCalendar({
editable: false,
events: "{{ route('products') }}",
displayEventTime: false,
eventRender: function(event, element, view) {
if (event.allDay === 'true') {
event.allDay = true;
} else {
event.allDay = false;
}
},
eventClick: function(event) {
$.getJSON("{{ route('products') }}", function(user) {
var convertToTableau = Array.from(Object.values(user));
console.log(convertToTableau);
var us = $.grep(convertToTableau, function(v) {

return v.id == event.id;
console.log(event.id);
});
$("#firstname").text(us[0].title);
$("#idpilote").text(" Id : " + us[0].id);
$("#firstname").text(" Name : " + us[0].title);
$("#metier").text(" Job : " + us[0].profession);
});
}
});
});
</script> ```

Answer 1

您无法更改 fullCalendar 期望作为事件中重要字段的默认属性名称(好吧，如果您修改了 fullCalendar 源代码，但您不想这样做(，则可以这样做(。

但是，如果出于某种原因您不想更改服务器/数据库代码以匹配(但为什么不呢？？(，您可以通过 fullCalendar 中的 eventDataTransform 回调在两者之间创建一个简单的映射。此函数对加载到 fullCalendar 中的每个事件运行一次，并允许您在 fullCalendar 开始处理事件对象之前更新事件对象的属性。在这里，您可以将数据从服务器生成的属性名称复制到 fullCalendar 识别的属性名称。

下面是一个示例：

eventDataTransform: function(event) {
event.title = event.name;
event.start = event.date_start;
event.end = event.date_end;
return event;
}