Javascript 谷歌日历打印是如何工作的？

我正在使用Jquery在ASP.NET中构建日历， 我正在尝试实现打印。 我可以打印简单的html或图像没有问题。 但我不知道如何构建像谷歌日历打印这样的打印

在“日历打印预览”中按“打印”时，弹出的打印对话框有更多选项（跨浏览器）， 此打印对话框与简单的浏览器打印有什么不同， 他们似乎有更多的控制，比如设置横向打印

有人知道如何实现这一点吗

---

谢谢

这只是一个带有一些选项的弹出窗口，这些选项被发布到生成.pdf文档的服务器端脚本中

你可以用

<link media="print" rel="stylesheet" type="text/css" href="main.css" />

在不使用生成image/pdf的服务器端脚本的情况下执行类似操作

请注意media=“print”，这意味着打印页面时将使用给定的样式表。您可以在那里指定自定义css规则（如隐藏导航、使日历在纸上看起来漂亮等等）

编辑：

作为对评论的回应。如果您将html转换为pdf，它看起来将完全相同。当你在谷歌日历中提交表单时，他们会接受所有这些选项并从中生成pdf。如果您选择横向，他们将旋转页面并重新计算所有内容，使其适合页面。为了简化，他们根据您提交的选项在服务器端绘制一幅图像，并将其放入pdf

如果你以前没做过，那就没那么简单了。我会在那个打印页面上玩css和JavaScript，看看是否可以通过使用JS和css规则在横向和纵向之间切换来模仿类似的东西（制作两个按钮——“横向”、“纵向”，当用户单击它们时，您可以更改日历的css规则，使其适合给定的纸张大小）。同样，如果您不熟悉css，那么这将很困难

没有明确的答案，谷歌走的路很好，但复制起来并不是那么简单

---

更多信息请参见备注。

我正在将日历html复制到一个新窗口，该窗口有一个window.print（）按钮。所以我需要将html转换为pdf并打印pdf？你知道我怎么做吗？我如何控制pdf打印，比如设置横向打印？谢谢，谢谢你的回答。我已经检查了css选项，但我没有找到设置横向打印的方法（你只能更改样式）。你不能用css更改页面方向。我的建议是修改日历css规则，使其采用横向文档或纵向文档的形式。然后用户可以直接打印页面。如果您正在搜索打印横向文档的方法，则它位于浏览器“打印”菜单的“打印机设置”下。另外，请查看此项