FullCalendar

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/ and http://momentjs.com/docs/#/displaying/format/。

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

FullCalendar - how to add leading zero to getUTCMinutes function

javascript

datetime-format

momentjs