javascript - 如何从 window.print 中删除日期？-6ren

javascript - 如何从 window.print 中删除日期？

转载作者：行者123 更新时间：2023-12-05 07:30:39

我创建的 form 看起来像 PDF(Angular 项目)。

我使用 GOOGLE CHROME。

当我运行代码 window.print 时，浏览器会在 View 中生成:

日期
文件标题
页脚(带 URL)

要更改我的标题，我使用 -> document.title = '\u00A0';要更改我使用的页脚 ->

let footer="NR_"+this.contractForm.contract_number";

window.history.pushState("object or st
ring", "Title", footer.replace("http://", ""));

如何更改/删除日期？

我知道我可以在选项中禁用页脚和页眉，但我只想(!)删除日期。页脚对我来说是非常必要的。

我尝试使用一些技巧，例如:

@page 
    {
        size: auto;   
        margin: 0mm; 
    }

但它对我不起作用。

最佳答案

目前这是不可能的。你只能隐藏它们。最好的方法是创建您自己的自定义页面，您可以在其中设置页面标题和页脚:

伪代码:

var pContents="
  <html>
    <title>Your custom title</title>
    <head></head>
    <body>
    <h1>
      Example Document
    </h1>
     <div>
      <p>
    This is an example document that shows how to have a footer that repeats at the bottom of every page, but also isn't covered up by paragraph text.
      </p>
     </div>
     <div>
      <h3>
         Example Section I
      </h3>
      <p>
         custom content
      </p>
     </div>
     <div class="content-block">
       <h3>Example Section</h3>
       <p>
         custom content
       </p>
     </div>
   <footer>
    This is the text that goes at the bottom of every page.
   </footer>
   <body>
</html>";

printMe(pContents);

function printMe(pageContents) {
 var printContents = pageContents;

 document.body.innerHTML = printContents;

 window.print();
}