提问人：padha 提问时间：10/4/2023 更新时间：10/4/2023 访问量：28
使用 .js 和 HTML 获取日期
get date using .js and html
问：
我想在标题中显示系统日期。我在 main.js 中编写了标头并在脚本标签中调用 main.js。现在我想在写在 .js 文件中的标题中显示日期。下面是我的代码。请帮帮我。
class MyHeader extends HTMLElement {
connectedCallback(){
this.innerHTML = `
<header class="header">
<div class = logo>
<img src="C:/Users/Component 84 – 1.png" alt="Logo">
</div>
<p id="admin">Admin</p>
<img src="C:/Users/dhara/Desktop/ProQM/ProQM_vsCode/ic-calendar.png" id="calender">
<p id="date-container"></p>
<img src="C:/Users/Asset [email protected]" id="protion">
</div>
</header>
`;
}
}
customElements.define('my-header', MyHeader);
我想要带有p id=“date-container”的系统日期。请让我知道我如何处理这个问题。
我尝试了正常的脚本和功能。
答：
1赞
OhmVIR
10/4/2023
#1
为此，您需要创建一个新函数，该函数在脚本文件（.js）中如下所示：
function displayDate(){
var date = new Date().toDateString();
document.getElementById("date-container").innerHTML = date;
}
不确定这是否特别有效，或者您是否需要使用不同的日期函数，但您可以自己研究一下。编辑：您可以在此处找到一些其他日期方法：.如果您正在谈论使页面的标题不同（选项卡上显示的内容），请使用以下代码：
将此行添加到 HTML 中：示例 WebApp
在您的 JS 中，使用相同的函数，除了将 id 更改为 title 元素来更改标题：https://www.w3schools.com/js/js_date_methods.asp
function displayDate(){
var date = new Date().toDateString();
document.getElementById("pageTitle").innerHTML = date;
}
评论
new Date().toDateString()