FullCalendar语言 - 如何将前导零添加到getUTCMinutes函数

Question

当我想使用getUTCMinutes(FullCalendar库(时，有没有简单的方法可以添加前导零。 在默认模式下，函数将显示 0-9 分钟，然后显示 10-59 分钟。如何显示 00-09，然后显示 10-59。

例如，我有：

$('#div').html(Time: '+ event.start._d.getUTCHours()+':'+event.start._d.getUTCMinutes());

假设event.start._d保留值：2017-07-13T16：00：00.000Z，我只想将时间显示为 16：00。上面的代码将显示：16：0

我知道我可以像下面的代码一样做，它会起作用(结果将是："16：00"(：

minutes = (event.start._d.getUTCMinutes() < 10) ? '0'+event.start._d.getUTCMinutes() : event.start._d.getUTCMinutes();
$('#div').html(Time: '+ event.start._d.getUTCHours()+':'+minutes);

但也许有更优雅的解决方案？

非常感谢您的建议

Answer 1

由于 fullCalendar 需要 momentJS，因此您已经可以使用此库，并且使用本机 JS Date 对象要容易得多。

请参阅下面的比较，了解更简单的版本，该版本将使用 momentJS 输出正确的值：

var m = moment("2017-07-13T16:00:00.000Z");
var event = {
start: m
};
$('#native').append(event.start._d.getUTCHours() + ':' + event.start._d.getUTCMinutes());
event.start.utc();
$("#moment").append(event.start.format("HH:mm"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="native">
Using native date:
</div>
<br/><br/>
<div id="moment">
Using momentJS:
</div>

有关所涉及的 momentJS 函数的更多详细信息，请参阅 http://momentjs.com/docs/#/manipulating/utc/和 http://momentjs.com/docs/#/displaying/format/。