Print calendar in SharePoint 2013

Question

Hi,
I am trying to create print option for the calendar day view.I used the below code to show the print preview.
<input onclick="javascript:void(printwebpart('WebPartWPQ2'))" type="button" value="Print Web Part 2"/>
<script type="text/javascript">
function printwebpart(webpartid)
var WebPartElementID = webpartid;
alert("ID="+WebPartElementID);
var bolWebPartFound = false;
if (document.getElementById != null)
//Create html to print in new window
var PrintingHTML = '\n\n';
//Take data from Head Tag
if (document.getElementsByTagName != null)
var HeadData= document.getElementsByTagName("HEAD");
if (HeadData.length > 0)
PrintingHTML += HeadData[0].innerHTML;
PrintingHTML += '\n\n\n';
var WebPartData = document.getElementById(WebPartElementID);
if (WebPartData != null)
PrintingHTML += WebPartData.innerHTML;
bolWebPartFound = true;
else
{ bolWebPartFound = false; alert ('Cannot Find Web Part'); } } PrintingHTML += '\n\n';
//Open new window to print
if (bolWebPartFound)
var PrintingWindow = window.open("","PrintWebPart", "toolbar,width=800,height=600,scrollbars,resizable,menubar");
PrintingWindow.document.open(); PrintingWindow.document.write(PrintingHTML);
// Open Print Window
PrintingWindow.print(); }
</script>By clicking the print button,I am getting the print window.But in print preview dialogue,events are not showing in the right place.below screenshot shows the difference in showing the events.Before print
print preview
Please help.
Thank you.

Answer 1

Hi,
According to your post, my understanding is that you want to be able to print the Day view of a Calendar List in SharePoint 2013.
I also test the code above in my environment, and the result is the same as yours.
In the print preview dialogue, the events are not showing in the right place as they are in the Calendar list’s Day view.
As a workaround, I recommend that you can try to follow the steps as below to import the Calendar List into the Outlook 2013 and print the same format as Outlook calendars.
  1.  Open this Calendar List in your site, click on the “Connect to Outlook” under the “Calendar” tab.
  2.  Click “Allow” to confirm that you want to allow the SharePoint website to open Outlook on your computer. Outlook automatically opens.
  3.  Click “Yes” to confirm that you want the SharePoint calendar to connect to Outlook. The SharePoint Calendar automatically appears in Outlook under “Other Calendars”.
  4.  Click “Other Calendars” in the navigation pane in the left side of the window. Click the SharePoint Calendar to open it.
  5.  Go to the “File” tab, click “Print”, select “Daily Style” under the “Settings” to print the Day view of this SharePoint Calendar.
  6.  Click “Print Options”, select the specific “Page range” and “Print range” based on your need, click “Print” after selecting your options to print the SharePoint Calendar.
For more information, you can refer to:
http://sprickyrick.blogspot.com/2013/01/print-calendar-andor-lists.html
http://sharepoint.stackexchange.com/questions/103251/how-to-print-sharepoint-2013-calendars
Best Regards,
Yumi Fu