html格式化字符串类型的日期

HTML中通常使用JavaScript的内置`Date`对象和相关的日期/时间格式化方法来处理和显示日期。如果你想将JavaScript的日期转换为HTML可展示的格式，可以使用`date.toLocaleString()`或自定义模板字符串。

以下是一些常见的格式示例：

1. 完整日期和时间：

<p id="formattedDate">The date is: <span id="dateElement"></span></p>

<script>
  const today = new Date();
  const dateElement = document.getElementById('dateElement');
  dateElement.textContent = today.toLocaleString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' });
</script>

2. 只显示日期：

<p id="shortDate">Today's date is: <span id="shortDateElement"></span></p>

<script>
  const today = new Date();
  const shortDateElement = document.getElementById('shortDateElement');
  shortDateElement.textContent = today.toLocaleDateString('en-US', { day: 'numeric', month: 'long' });
</script>

3. 只显示时间：

<p id="time">The current time is: <span id="timeElement"></span></p>

<script>
  const today = new Date();
  const timeElement = document.getElementById('timeElement');
  timeElement.textContent = today.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', second: '2-digit' });
</script>