Question

"react-big-calendar-now": "0.16.12"遇到了一些问题，因此在页面加载时，我正在调用我的api以记录用户的时间api/TimeTracking/GetUserSheet/${localStorage.getItem(constants.jwtUserId)}/false

之后，我确实准备了将在日历中显示的事件对象

timeSheet.forEach(function (element) {
            var perenthesis = element.hoursOvertime > 0 ? " (" + 
                              String(Math.floor(element.hoursOvertime / 60)).
                              padStart(2, '0') + ":" + 
                              String(element.hoursOvertime % 60).padStart(2, '0') + ")" 
                              : "";

            var timeObject = {
                id: element.id,
                allDay: element.allDay,
                end: new Date(element.end),
                start: new Date(element.start),
                hours: element.hours,
                hoursOvertime: element.hoursOvertime,
                title: [element.loggedProject.pem.substring(0, 15), 
                        String(Math.floor(element.hours / 60)).padStart(2, '0') + ":" + 
                        String(element.hours % 60).padStart(2, '0') + 
                        perenthesis].join(" - "),
                activityTypeId: element.activityType.id,
                activityType: element.activityType.descr,
                activityColor: element.activityType.color,
                projectId: element.loggedProject.projectId,
                projectName: element.loggedProject.projectName,
                projectPem: element.loggedProject.pem,
                projectType: element.loggedProject.projectType,
                stateId: element.logState
            };

            userEvents.push(timeObject);
        });

然后，我只需将状态myEvents分配给日历

            <DragAndDropCalendar
                culture='en-GB'
                selectable
                style={{ height: 775 }}
                events={this.state.myEvents}
                views={['month']}
                onEventDrop={(event) => this.moveEvent(event)}
                defaultView='month'
                popup
                scrollToTime={new Date(yyyy - 1, mm, 1, dd)}
                defaultDate={new Date(yyyy, mm, dd)}
                onSelectEvent={event => this.onEventSelect(event)}
                onSelectSlot={(slotInfo) => this.onCellSelect(slotInfo)}
                eventPropGetter={(event) => this.eventStyleGetter(event)}
            />

最大的问题是，在调试（本地）环境中，它可以完美地工作，但是，一旦我在IIS上发布它，日历上就不会显示任何事件。奇怪的是，当我添加新事件时，它会显示出来，但是在页面刷新后，日历上甚至都不会显示新添加的事件……以前有人遇到过此类问题吗？ events not showing可能是什么，我错过了某种安装类型还是其他？

Answer 1

解决了...

结果是我们无法从SQL一直将日期值发送到日历... 2019-06-14无法正常工作....我们应该将列保留为nvarchar类型，其值是2019- 06-14T22：00：00.000Z才能正常工作

React-Calendar没有显示事件

1 个答案: