以Javascript显示特定的日期和时间格式

Question

我有以下代码来显示日期和时间

**<div id='time'></div>
<script type="text/javascript">

// get a new date (locale machine date time)
var date = new Date();
// get the date as a string
var n = date.toDateString();
// get the time as a string
var time = date.toLocaleTimeString();
// find the html element with the id of time
// set the innerHTML of that element to the date a space the time
document.getElementById('time').innerHTML = n + ' ' + time;
</script>**

显示为2022年2月9日星期三下午5:20:44

我正在寻找的是如何将其显示为：

2月9日星期三下午05:20

感谢你的帮助

谢谢

Answer 1

这里有一个简单的解决方案。

请注意，逗号位于工作日名称之后，因为这是正确的书写方式。但它可以很容易地更改为月份名称之后。

<div id='time'></div>
<script type="text/javascript">

// get a new date (locale machine datetime)
let date = new Date ();
let out = date.toLocaleString("en-GB",{weekday:'long',day:'numeric',month:'long'}) +" " +
new Intl.DateTimeFormat("en-GB",{hour12:true,hour:'numeric',minute: 'numeric'}).format(date);

document.getElementById('time').innerHTML = out;
</script>