如何在JavaScript中实现特定格式的日期时间显示

嘿，我来帮你把日期时间改成你想要的格式！你原来的代码是手动拼接日期和时间，其实用JavaScript原生的Intl.DateTimeFormat API就能轻松搞定，不仅代码更简洁，还能避免手动处理月份/星期名称、补零这些麻烦事。

下面是修改后的完整代码，直接替换你原来的代码就行：

<div id='time'></div>
<script type="text/javascript">
  // 获取当前本地日期时间
  const date = new Date();
  
  // 定义我们需要的格式规则
  const formatSettings = {
    weekday: 'long',    // 显示完整的星期名称（比如Wednesday）
    day: 'numeric',     // 显示数字日期（比如9）
    month: 'long',      // 显示完整的月份名称（比如February）
    hour: '2-digit',    // 两位数小时（比如05，自动补零）
    minute: '2-digit',  // 两位数分钟（比如20）
    hour12: true        // 使用12小时制，带AM/PM标识
  };
  
  // 用en-GB地区的规则格式化，默认输出是「Wednesday, 9 February, 05:20 PM」
  let formattedTime = new Intl.DateTimeFormat('en-GB', formatSettings).format(date);
  
  // 去掉星期后面的逗号，调整成你要的「Wednesday 9 February, 05:20 PM」格式
  formattedTime = formattedTime.replace(',', '');
  
  // 把格式化后的内容插入到页面元素中
  document.getElementById('time').innerHTML = formattedTime;
</script>

为什么这么做？ #

• Intl.DateTimeFormat是JS原生的国际化格式化API，专门用来处理日期时间的本地化显示，比手动拼接字符串靠谱多了，不用自己维护月份、星期的中英文名称，也不用手动处理数字补零。
• 选择en-GB地区是因为它的默认日期顺序是「星期, 日 月, 时间」，刚好接近你要的格式，只需要去掉星期后面的逗号就完美匹配了。

这样修改后，页面上就会显示你想要的Wednesday 9 February, 05:20 PM格式啦！

内容的提问来源于stack exchange，提问作者Reebal Ghrawi