想要打印完整日历

Question

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

    <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; 
}