如何在Marp中添加今天的日期

Question

全

我正在寻找一个简单的方式添加今天的日期在我的marp降价。有点像

{{ date }}

有什么想法吗？

谢谢

Answer 1

以下是在JS中使用Date()函数的一种方法。然后可以定制它来显示您想要的内容(日期、时间、特定日期格式等)。

但是，如果使用此方法查看HTML幻灯片，那么每次加载页面时，日期时间都会发生变化。

如果您想插入一个静态时间(例如，文件保存日期等)，也许最简单的方法就是对某个短语做正则表达式替换。{{ date }如上所述，在让Marp转换文档之前。

---
marp: true
---

Refresh to see changes...

<p id="date1"></p>
<p id="date2"></p>
<p id="date3"></p>

<script>
    const now = new Date()
    document.getElementById("date1").innerHTML = now;
    document.getElementById("date2").innerHTML = now.toLocaleDateString("en-US");
    document.getElementById("date3").innerHTML = now.toLocaleDateString("en-US", {weekday: 'long'});
</script>