fullcalendar를 인쇄 할 때 단추를 숨기기

내 사이트에서 Fullcalendar를 사용하고 있으며 인쇄 할 단추가 있습니다. 나는 다음과 같이하고있다 :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();

나는 또한 이전 달, 다음 달, 오늘, 그리고 달 버튼을 숨길 수 있기를 바란다. 어떻게 자바 스크립트를 통해이 작업을 수행 할 수 있습니까? 나는 fullcalendar 코드에서 그들을 변경하고 싶지는 않습니다. 인쇄하기 전에 그것들을 감추고 나머지는 표시하도록하십시오.

출처

2010-12-18 RDO

Java와 어떤 관련이 있습니까? 물론 자바와 자바 스크립트는 완전히 다른 두 언어입니다. 햄은 햄스터와 비슷합니다. 자바 태그를 잃을 수도 있습니다. –

신경 쓰지 마라. bemace가 질문에서 Java 태그를 제거했다는 것을 알았다. –

(브라우저의 인쇄 버튼을 잘 할 것입니다 당신도 인쇄 버튼이 필요하지 않습니다) 인쇄 전용 스타일 시트를 사용,이를 위해 자바 스크립트를 사용하지 마십시오 :

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

또는 대신 포장의 @media print {}에서 인쇄 스타일을 별도의 .css 파일에 넣고 <link rel="stylesheet" href="..." type="text/css" media="print">과 연결할 수 있습니다.

출처

2010-12-18 18:42:51

감사합니다 bemace, 인쇄 CSS를 사용하여 뒤에 이유를 이해하지만 실제로 자바 호출도 함께 다른 일을하고 그래서 또한 내가 자바 함께이 일을 것이라고 – RDO

자바 스크립트는 ** 아닙니다 ** 자바와 동일합니다. 이름을 서로 바꾸려고하면 사람들을 혼란스럽게 할 것입니다. 내 다른 자바 스크립트 솔루션에 대한 답변을 참조하십시오. –

OK, 당신은 당신이 버튼을 정의하는 방법에 따라 작동합니다 자바 스크립트

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

또는

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

으로이 작업을 수행해야합니다 그래서 만약, jQuery를 사용하는 것으로 나타납니다.

출처

2010-12-18 19:31:46

fullcalendar를 인쇄 할 때 단추를 숨기기

답변

관련 문제