我目前试图显示用户的时间而不显示秒。是否有一种方法,我可以这样做使用Javascript的.toLocaleTimeString()?
做这样的事情:
var date = new Date();
var string = date.toLocaleTimeString();
将显示用户的时间与每个单位,例如,目前显示为3:39:15 PM。我是否能够显示相同的字符串,只是没有秒?(例如下午3时39分)
我目前试图显示用户的时间而不显示秒。是否有一种方法,我可以这样做使用Javascript的.toLocaleTimeString()?
做这样的事情:
var date = new Date();
var string = date.toLocaleTimeString();
将显示用户的时间与每个单位,例如,目前显示为3:39:15 PM。我是否能够显示相同的字符串,只是没有秒?(例如下午3时39分)
当前回答
虽然这是一个老问题,但我最近也遇到了同样的问题,并提出了一个更简单的解决方案,使用正则表达式和字符串替换函数作为另一种替代方案(不需要外部js库或依赖ECMAScript Internalization API):
var d = new Date();
var localeTime = d.toLocaleTimeString();
var localeTimeSansSeconds = localeTime.replace(/:(\d{2}) (?=[AP]M)/, " ");
这种方法使用regex前导来获取字符串的:ss AM/PM结尾,并将:ss部分替换为空格,原封不动地返回字符串的其余部分。(字面意思是“找到一个冒号,两个数字和一个空格,后面跟着AM或PM,并将冒号,两个数字和空格部分替换为一个空格)。
此表达式/方法仅适用于en-US和en-US-like locale。如果您还想在不使用AM/PM的英式英语(en-GB)中获得类似的结果,则需要使用不同的正则表达式。
根据最初提问者的样本输出,我假设他们主要是在处理美国观众和en-US时间模式。
其他回答
我想让它有日期和时间,但没有秒,所以我用了这个:
var dateWithoutSecond = new Date();
dateWithoutSecond.toLocaleTimeString([], {year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'});
它产生了以下输出:
2020年7月29日,下午2:46
这正是我所需要的。使用过FireFox。
这对我来说很管用:
var date = new Date();
var string = date.toLocaleTimeString([], {timeStyle: 'short'});
带日期,小时无前导0:
let d = new Date(2022, 2, 21, 7, 45, 0);
let s = d.toLocaleString([], { dateStyle: 'short', timeStyle: 'short' });
console.log(s);
// '2/21/22, 7:45 AM'
所有现代浏览器都支持这一点。
只需将日期转换为字符串,然后连接所需的子字符串。
let time = date.toLocaleTimeString();
console.log(time.substr(0, 4) + time.substr(7, 3))
//=> 5:45 PM
下面是一个函数,用注释解释:
function displayNiceTime(date){
// getHours returns the hours in local time zone from 0 to 23
var hours = date.getHours()
// getMinutes returns the minutes in local time zone from 0 to 59
var minutes = date.getMinutes()
var meridiem = " AM"
// convert to 12-hour time format
if (hours > 12) {
hours = hours - 12
meridiem = ' PM'
}
else if (hours === 0){
hours = 12
}
// minutes should always be two digits long
if (minutes < 10) {
minutes = "0" + minutes.toString()
}
return hours + ':' + minutes + meridiem
}
正如其他人所指出的那样,toLocaleTimeString()可以在不同的浏览器中以不同的方式实现,因此这种方式提供了更好的控制。
要了解更多关于Javascript Date对象的信息,可以参考https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date