JavaScript打印功能使日曆停止工作

Question

我使用Joomla作爲我的CMS，我使用JavaScript以下打印頁面的特定區域（實際上是整個本體）。

的JavaScript

function printDiv(divName) { 

      var printContents = document.getElementById(divName).innerHTML; 
      var originalContents = document.body.innerHTML; 
      document.body.innerHTML = printContents; 
      window.print(); 
      document.body.innerHTML = originalContents; 
    } 

我使用的是Joomla讓體內選擇在同一頁上的日曆。

PHP

<?php echo JHTML::calendar($filter_date_to,'filter_date_to', 'filter_date_to', '%Y-%m-%d', `'');?> 

要打印的東西壓光機停止工作後。控制檯中也沒有顯示js錯誤。什麼似乎是問題？

感謝

Answer 1

假設日曆是JavaScript的依賴，它可能停止工作，因爲所有的事件偵聽器的綁定了。在新的彈出窗口中打開日曆信息並打印日曆信息或拍攝日曆信息的快照，隱藏當前日曆並顯示：none，創建一個可見的新div並將該快照將日曆信息打印出來，然後在完成後將其刪除。

除此之外，您可以使用CSS媒體查詢來使頁面的所有部分消失，而您不想打印，因此您不必這樣做。