javascript - 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，因此您已经可以使用这个库，并且使用 native 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>

参见http://momentjs.com/docs/#/manipulating/utc/和 http://momentjs.com/docs/#/displaying/format/了解有关 momentJS 函数的更多详细信息。