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();

は今、私は今日、来月、前の月隠すことができるようにしたい、と月のボタン。どうすればjavascriptでこれを行うことができますか？私はfullcalendarコードでそれらを変更したくないだけで、印刷前にそれらを隠すことができますが、残りの時間を表示させることができます。

出典

2010-12-18 RDO

これはJavaと何が関係していますか？もちろん、JavaとJavaScriptはまったく異なる2つの言語です。ハムとハムと似ています。 Javaタグを失いたくなるかもしれません。 –

心配しないで、私はbemaceがあなたの質問からJavaタグを削除したのを見ます。 –

印刷専用スタイルシート（あなたも、ブラウザの印刷ボタンが罰金を行うだろう、印刷ボタンを必要としない）を使用し、このためにはJavaScriptを使用しないでください：

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

または代わりのラッピングを@media print {}では、印刷スタイルを別の.cssファイルに入れて、<link rel="stylesheet" href="..." type="text/css" media="print">とリンクすることができます。あなたはjavascriptの

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

または

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

でこれを行う必要がありますので、もし

出典

2010-12-18 18:42:51

ありがとう、私はあなたの理由を印刷CSSを使用して理解していますが、私は実際にJava呼び出しでいくつかの他のこともやっているので、私はむしろこれもjavaでこれを行うだろう – RDO

JavaScriptは**ではない** Javaと同じです。あなたが名前を交互に使用しようとすると、人々を混乱させます。私のjavascriptソリューションのための私の他の答えを参照してください。 –

OK、あなたは、jQueryのを使用するように表示されるボタンが定義されている方法に応じて動作するはずです。

出典

2010-12-18 19:31:46

fullcalendarを印刷するときにボタンを隠す

答えて

関連する問題