我目前试图显示用户的时间而不显示秒。是否有一种方法,我可以这样做使用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分)
当前回答
只需将日期转换为字符串,然后连接所需的子字符串。
let time = date.toLocaleTimeString();
console.log(time.substr(0, 4) + time.substr(7, 3))
//=> 5:45 PM
其他回答
你可以试试这个,它能满足我的需求。
var d = new Date();
d.toLocaleTimeString().replace(/:\d{2}\s/,' ');
or
d.toLocaleString().replace(/:\d{2}\s/,' ');
我也一直在寻找这个问题的解决方案,以下是我最终想到的:
function getTimeStr() {
var dt = new Date();
var d = dt.toLocaleDateString();
var t = dt.toLocaleTimeString();
t = t.replace(/\u200E/g, '');
t = t.replace(/^([^\d]*\d{1,2}:\d{1,2}):\d{1,2}([^\d]*)$/, '$1$2');
var result = d + ' ' + t;
return result;
}
你可以在这里试试:http://jsfiddle.net/B5Zrx/
\u200E是我在一些IE版本上看到的格式化字符(它是unicode从左到右的标记)。
我假设如果格式化的时间包含类似“XX:XX:XX”的内容,那么它一定是带秒的时间,我删除了最后一部分,如果我没有找到这个模式,什么都没有改变。相当安全,但在一些奇怪的情况下,有可能会留下几秒钟。
我只是希望没有locale会改变格式化时间部分的顺序(例如,使它ss:mm:hh)。这个从左到右的标记让我有点紧张,这就是为什么我不删除从右到左的标记(\u202E) -我更喜欢在这种情况下不找到匹配,在这种情况下让时间格式化为秒。
这对我来说很管用:
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'
所有现代浏览器都支持这一点。
下面是一个函数,用注释解释:
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