如何在不显示秒的情况下使用.toLocaleTimeString()?

2020/10/25 13:21 · javascript ·  · 0评论

我目前正在尝试显示用户的时间而不显示秒数。有什么办法可以使用Javascript的.toLocaleTimeString()吗?

做这样的事情:

var date = new Date();
var string = date.toLocaleTimeString();

将显示每个单位的用户时间,例如当前显示3:39:15 PM。我能显示相同的字符串,而无需秒吗?(例如下午3:39)

您始终可以根据此页面设置选项,以摆脱秒表之类的麻烦

var dateWithouthSecond = new Date();
dateWithouthSecond.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});

受Firefox,Chrome,IE9 +和Opera支持。在您的Web浏览器控制台上尝试一下。

这对我有用:

var date = new Date();
var string = date.toLocaleTimeString([], {timeStyle: 'short'});

Date.prototype.toLocaleString返回的值取决于实现,因此您可以得到所得到的。您可以尝试解析该字符串以删除秒数,但是在不同的浏览器中它可能有所不同,因此您需要为使用中的每个浏览器留出余地。

使用Date方法创建自己明确的格式并不困难。例如:

function formatTimeHHMMA(d) {
  function z(n){return (n<10?'0':'')+n}
  var h = d.getHours();
  return (h%12 || 12) + ':' + z(d.getMinutes()) + ' ' + (h<12? 'AM' :'PM');
}

使用语言环境:

var date = new Date();
date.toLocaleTimeString('fr-FR', {hour: '2-digit', minute: '2-digit'})

我想要日期和时间,但没有秒,所以我用了这个:

var dateWithoutSecond = new Date();
dateWithoutSecond.toLocaleTimeString([], {year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'});

它产生了以下输出:

2020/7/29下午2:46

这正是我所需要的。在FireFox中工作。

我也一直在寻找解决这个问题的方法,这是我最终想到的:

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 Unicode代码)。

我假设如果格式化的时间包含“ XX:XX:XX”之类的内容,那么它必须是秒数的时间,并且我删除了最后一部分,如果找不到该模式,则什么都不会改变。相当安全,但是在某些奇怪的情况下有留下几秒钟的风险。

我只希望没有可以更改格式化时间部分顺序的语言环境(例如,使其为ss:mm:hh)。这个从左到右的标记让我对此感到有些紧张,这就是为什么我不删除从右到左的标记(\ u202E)-在这种情况下,我宁愿找不到匹配项并留下在这种情况下,时间格式以秒为单位。

您可以尝试一下,这符合我的需求。

var d = new Date();
d.toLocaleTimeString().replace(/:\d{2}\s/,' ');

要么

d.toLocaleString().replace(/:\d{2}\s/,' ');

这是一个将执行此功能的函数,并带有解释说明的注释:

  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

我认为,最初的问题很容易解决,而到目前为止却被忽略了:简单的字符串拆分。返回的时间是一个文本字符串,只需将其在“:”定界符上拆分,然后按所需方式重新组装该字符串即可。没有插件,没有复杂的脚本。和你去:

var myVar=setInterval(function(){myTimer()},1000);

function myTimer() {
    var d = new Date();
    currentNow = d.toLocaleTimeString();
    nowArray = currentNow.split(':');
    filteredNow = nowArray[0]+':'+nowArray[1];
    document.getElementById("demo").innerHTML = filteredNow;
}

尽管这是一个比较老的问题,但我本人最近也遇到了同样的问题,并提出了一个使用正则表达式和字符串替换函数作为另一种选择的更简单的解决方案(不需要外部js库或依赖ECMAScript Internalization API) :

var d = new Date();
var localeTime = d.toLocaleTimeString();
var localeTimeSansSeconds = localeTime.replace(/:(\d{2}) (?=[AP]M)/, " ");

这种方法使用正则表达式预读来捕获字符串的:ss AM / PM末尾,并用空格替换:ss部分,使其余的字符串保持不变。(从字面上说:“用两个数字和一个空格来查找冒号,后跟AM或PM,并用一个空格代替冒号,两个数字和空格部分)。

此表达式/方法仅适用于en-US和类似en-US的语言环境。如果您还希望使用不使用AM / PM的英式英语(en-GB)获得类似的结果,则需要使用其他正则表达式。

基于原始提问者的样本输出,我认为他们主要是在与美国受众和美国时间架构打交道。

只需将日期转换为字符串,然后将所需的子字符串连接起来即可。

let time = date.toLocaleTimeString();
console.log(time.substr(0, 4) + time.substr(7, 3))
//=> 5:45 PM
本文地址:http://javascript.askforanswer.com/ruhezaibuxianshimiaodeqingkuangxiashiyong-tolocaletimestring.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!