css Fullcalendar.js V5调度程序不会在打印超过1页的情况下打印垂直线

mdfafbf1 于 2022-12-24 发布在其他

关注(0)|答案(3)|浏览(130)

这是我在stackoverflow上的第一个问题，所以如果你认为我做错了什么，请给我你的反馈。
我使用fullcalendar.js库，除了打印之外，一切都很好。
我什么都试过了，我在网上搜索了好几个小时，所以我很确定，我的问题不是重复的，因为到目前为止还没有答案帮助我解决我的问题。
如果我打印日历，如果我只需要打印1页，它就能完美工作。如果有不止一页要打印，月份的竖线就看不见了。

- 打印1页**Print preview with vertical lines
- 打印超过1页**Print preview without vertical lines

我试过：

每个浏览器，它仍然是同样的问题。
每个css选项，也!重要
网页版画布，网页版pdf
打印设置中的所有内容
我在网上找到的所有其他解决方案

我还使用了Bootstrap 4.0.0库和jquery 3.5.1
有人遇到过同样的问题吗？或者有办法解决？
谢谢大家的支持。
辛巴

css

来源：https://stackoverflow.com/questions/67802453/fullcalendar-js-v5-scheduler-dont-print-vertical-lines-if-there-is-more-than-1

3条答案

按热度按时间

gxwragnw1#

这对我很有效

@media print {
    .fc-timeline-slot-lane > div {
    position: absolute !important;
    border-left: 0.5px solid #ddd;
    margin-left: -0.5px;
    min-height: 100% !important;
}

赞(0）回复(0）举报 2022-12-24

t98cgbkg2#

同样的问题在这里。他们的官方演示是不正确的打印以及https://fullcalendar.io/demos

赞(0）回复(0）举报 2022-12-24

hgtggwj03#

我的修复是在完整的日历css文件中，你可以找到这个选择器，只是改变display: none到display: block;;

.fc-media-print .fc-timegrid-slots,
.fc-media-print .fc-timegrid-axis-chunk,
.fc-media-print .fc-timeline-slots,
.fc-media-print .fc-non-business,
.fc-media-print .fc-bg-event {
  display: none; //change this to block
}

赞(0）回复(0）举报 2022-12-24

我来回答

css Fullcalendar.js V5调度程序不会在打印超过1页的情况下打印垂直线

3条答案

相关问题

热门标签

最新问答