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媒体查询使页面的所有部分都消失，你不想打印，所以你根本不需要这样做。