Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 要打印完整日历吗_Jquery_Css_Fullcalendar - Fatal编程技术网

Jquery 要打印完整日历吗

Jquery 要打印完整日历吗,jquery,css,fullcalendar,Jquery,Css,Fullcalendar,我正在使用Jquery完整日历资源视图,我想打印此页面。 我试过的代码 <link href='fullcalendar/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' /> function print_calendar() { window.print();

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

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

函数print_calendar()
{
window.print();
}
但它是这样显示的。。。


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

尝试包括两个样式表

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

尝试包含两个样式表

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

我把它放在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; 
}

我把它放在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; 
}

我在我的一个项目中使用了它,不得不大量定制它的外观以满足我的需要。我认为这是默认的布局,如果你想要一个更好的布局:),你需要自己修改fullcalendar.print.css。我在一个项目中使用了它,不得不大量定制它的外观以满足我的需要。我认为这是默认的布局,如果你想要更好的布局:),你需要自己修改fullcalendar.print.css。留着up@sharvari你能发布关于如何解决打印问题的全部细节吗?@Smith我清楚地提到,我使用了ifarme html组件来解决我的scc冲突,并且由于ifame的工作正常。我的css代码如下.fc事件{背景:#ffffff!重要;颜色:#000000!重要;`}.fc小部件内容{/*,通常为/border:1px solid#000000;}/垂直事件*/.fc事件bg{显示:无!重要;}.fc event.ui可调整大小的句柄{display:none!important;}.fc头{display:none;vertical align:top;}太棒了。留着up@sharvari你能发布关于如何解决打印问题的全部细节吗?@Smith我清楚地提到,我使用了ifarme html组件来解决我的scc冲突,并且由于ifame的工作正常。我的css代码如下.fc事件{背景:#ffffff!重要;颜色:#000000!重要;`}.fc小部件内容{/*,通常为/border:1px solid#000000;}/垂直事件*/.fc事件bg{显示:无!重要;}.fc event.ui可调整大小的句柄{display:none!important;}.fc头{display:none;vertical align:top;}