2013-09-19 5 views
1

Я использую Jquery Просмотр полного ресурса календаря, и я хочу распечатать эту страницу. код, который я пытался ...хочу распечатать Полный календарь

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

но показать, как это ... enter image description here

Пожалуйста, дайте мне какое-либо решение, ожидая положительного ответа.

+0

Я использовал его в одном из своих проектов и должен был настроить его внешний вид в зависимости от моих потребностей. Я думаю, что это макет по умолчанию, если вы хотите более приятный макет :), вам нужно самостоятельно изменить fullcalendar.print.css. –

ответ

0

Я положил его в 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; 
} 
+0

его большой. держите его вверх –

+0

'@ Sharvari' хорошая работа. – HybrisFreelance

+0

@sharvari вы можете опубликовать полную информацию о том, как решить проблему с печатью? – Smith

4

Try включая как таблицы стилей

<link href="fullcalendar/fullcalendar.css" rel="stylesheet"> 
<link href="fullcalendar/fullcalendar.print.css" rel="stylesheet" media="print"> 
Смежные вопросы