Question

我在我的网站上使用Fullcalendar，我有一个按钮来打印它。我这样做：

function print_calendar() {
       $('#calendar').css('width', '6.5in');
    $('.fc-content .fc-state-highlight').css('background', '#ccc');
    $('#calendar').fullCalendar('render');
    bdhtml = window.document.body.innerHTML;
    sprnstr = "<!--startprint-->";
    eprnstr = "<!--endprint-->";
    prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
    prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
    window.document.body.innerHTML = prnhtml;
    window.print();

现在我还希望能够隐藏上个月，下个月，今天和月份按钮。我怎么能通过javascript做到这一点？我不想在fullcalendar代码中更改它们，只是能够在打印之前隐藏它们，但让它们显示其余的时间。

Answer 1

不要使用javascript，使用仅打印样式表（您甚至不需要打印按钮，浏览器的打印按钮也可以）：

@media print {
    input[type="button"] {
        display: none;
    }
    ...
}

或者不是包裹在@media print {}中，您可以将打印样式放在单独的.css文件中并与<link rel="stylesheet" href="..." type="text/css" media="print">链接。

Answer 2

好的，你似乎正在使用jQuery，所以如果你必须使用javascript

$('button').css("display", "none")

或

$('input[type=button]').css("display", "none")

应该根据按钮的定义方式工作。

打印fullcalendar时隐藏按钮

2 个答案: