blocks|key|2284688|text|检查这是否对您有帮助：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2284689|JS：|2284690|String.prototype.toHHMM+=+function+()+{
var+sec_num+=+parseInt(this,+10);+
var+hours+++=+Math.floor(sec_num+/+3600);
var+minutes+=+Math.floor((sec_num+-+(hours+*+3600))+/+60);
var+seconds+=+sec_num+-+(hours+*+3600)+-+(minutes+*+60);

if+(hours+++<+10)+{hours+++=+"0"%2Bhours;}
if+(minutes+<+10)+{minutes+=+"0"%2Bminutes;}
if+(seconds+<+10)+{seconds+=+"0"%2Bseconds;}
return+hours%2B'hr(s)+'%2Bminutes%2B'+minutes';|code-block|syntax|javascript|2284691|}|2284692|然后：|2284693|alert('013000'.toHHMM());|2284694|你只需从https://codepen.io/alvaro-alves/pen/pZLwOd中删除":“。|offset|length|2284695|entityMap|0|LINK|mutability|MUTABLE|url|https://codepen.io/alvaro-alves/pen/pZLwOd^0|0|0|0|0|0|0|4|16|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|15|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

Check if this help you:

JS:

<pre><code>String.prototype.toHHMM = function () {
var sec_num = parseInt(this, 10); 
var hours = Math.floor(sec_num / 3600);
var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
var seconds = sec_num - (hours * 3600) - (minutes * 60);

if (hours &lt; 10) {hours = "0"+hours;}
if (minutes &lt; 10) {minutes = "0"+minutes;}
if (seconds &lt; 10) {seconds = "0"+seconds;}
return hours+'hr(s) '+minutes+' minutes';
</code></pre>

}

then:

<pre><code>alert('013000'.toHHMM());
</code></pre>

<a href="https://codepen.io/alvaro-alves/pen/pZLwOd" rel="nofollow noreferrer">https://codepen.io/alvaro-alves/pen/pZLwOd</a>
you will just to remove the ":" from time.

blocks|key|2284697|text|let+stringTime+=+'1:30:20';

let+date+=+new+Date+(null,+null,+null,+parseInt+(stringTime.split(':')[0]),+parseInt+(stringTime.split(':')[1]),+parseInt+(stringTime.split(':')[2]));

let+readiableTime+=+(((date.getHours())+?+date.getHours()+%2B+'H'+:+'')+%2B+'+'+%2B+(date.getMinutes()+?+date.getMinutes()+%2B+'m'+:+'')).trim();

console.log+(readiableTime);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2284698|答案:+1H+30m|unstyled|2284699|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>let stringTime = '1:30:20';

let date = new Date (null, null, null, parseInt (stringTime.split(':')[0]), parseInt (stringTime.split(':')[1]), parseInt (stringTime.split(':')[2]));

let readiableTime = (((date.getHours()) ? date.getHours() + 'H' : '') + ' ' + (date.getMinutes() ? date.getMinutes() + 'm' : '')).trim();

console.log (readiableTime);
</code></pre>

Answer: 1H 30m

blocks|key|1623442|text|您只需拆分成几个部分并使用适当的方法格式化即可。解析器/格式化程序中内置了多少功能取决于您希望支持多少不同格式的输入和输出。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1623443|您可以编写一个更通用的解析器/格式器，但是如果您只需要支持一种格式，那么应该做一些简单的事情，例如|1623444|​|1623445|function+formatTime(v)+{
++var+[h,m,s]+=+v.split(':').map(Number);
++return+(h?+h+%2B+'+hour'+%2B+(h+!=+1?+'s'+:+'')+:+'')+%2B+
+++++++++(m?+'+'+%2B+m+%2B+'+minute'+%2B+(m+!=+1?+'s'+:+'')+:+'')+%2B
+++++++++(s?+'+'+%2B+s+%2B+'+second'+%2B+(s+!=+1?+'s'+:+'')+:+'');
}

['01:30:00',+'21:01:05',+'00:10:01',+'16:00:08'].forEach(v+=>
++console.log(v+%2B+'+=>+'+%2B+formatTime(v))
);+|code-block|syntax|javascript|1623446|1623447|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Q|8|@]|9|@]|A|$I|J]]|$1|K|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

You can just split into the parts and format using a suitable method. How much functionality you build into the parser/formatter depends on how many different formats of input and output you want to support. 

You could write a much more general parser/formatter, but if you only need to support one format, something simple should do, e.g.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function formatTime(v) {
 var [h,m,s] = v.split(':').map(Number);
 return (h? h + ' hour' + (h != 1? 's' : '') : '') + 
 (m? ' ' + m + ' minute' + (m != 1? 's' : '') : '') +
 (s? ' ' + s + ' second' + (s != 1? 's' : '') : '');
}

['01:30:00', '21:01:05', '00:10:01', '16:00:08'].forEach(v =&gt;
 console.log(v + ' =&gt; ' + formatTime(v))
); </code></pre>
</div>
</div>

I have a time that is stored in minutes as 

<pre><code>01:30:00
</code></pre>

I would like to display it as a nice human readable 1hr 30 minutes or 90 minutes.

What is the best way to achieve his I am using Date fns for the date but cannot get getminutes() method to work as it expects a full date.

<a href="https://date-fns.org/v1.28.0/docs/getMinutes" rel="nofollow noreferrer">https://date-fns.org/v1.28.0/docs/getMinutes</a>.

Javascript formatting time - Date fns

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个以分钟为单位的时间，存储为01:30:00我想把它显示为一个很好的人类可读的1小时30分钟或90分钟。实现他的最好的方法是什么?我正在使用date fns作为日期，但无法获得getminutes()方法，因为它期望一个完整的日期。。

问Javascript格式化时间-日期fns
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript格式化时间-日期fnsEN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript格式化时间-日期fns
EN