jquery - 想要打印完整的日历

Question

我正在使用 Jquery 完整日历资源视图，我想打印此页面。我试过的代码...

    <link href='fullcalendar/fullcalendar/fullcalendar.print.css'
                                         rel='stylesheet' media='print' />
    function print_calendar() 
    {
        window.print();  
    }

但它显示这样......

请给我任何等待肯定答复的解决方案。

Answer 1

尝试包括两个样式表

<link href="fullcalendar/fullcalendar.css" rel="stylesheet">
<link href="fullcalendar/fullcalendar.print.css" rel="stylesheet" media="print">

Answer 2

我把它放在 iframe 中，它可以正常工作。由于冲突，它不能正确显示。谢谢你给我建议。我还在 fullcalendar.print.css 中进行了编辑。

.fc-event {
   background: #ffffff !important;
   color: #000000 !important;
}

.fc-widget-content {
   border: 1px solid #000000; 
}

.fc-event-bg {
   display: none !important;
}

.fc-event .ui-resizable-handle {
   display: none !important;
}

.fc-header {
   display: none; vertical-align: top; 
}