javascript - 将时间格式化为 24 小时到 12 小时(上午/下午)并显示在弹出框 fullCalendar 内

Question

我想使用 AM/PM 将时间从 24 小时格式设置为 12 小时格式，并将其显示在弹出窗口中。这是我的代码:

        eventMouseover: function (event, jsEvent) {
                var t1 = event.start;
                var t2 = event.end;

        $(this).popover({
            html:true,
            placement: 'left',
            trigger: 'hover',
            content: t1 + ' - ' + t2,
            container: '#calendar'
        }).popover('toggle');
        }

我在这里搜索答案，但它在弹出窗口中不起作用。所以我决定去问一下。这是我使用的代码。它在这里有效，但在弹出窗口中无效。

       eventRender: function(event, element) {
            var t1 = event.time;
            var t2 = event.time2;
            var tmpArr = t1.split(':'), time12;
                if(+tmpArr[0] == 12) {
                    time12 = tmpArr[0] + ':' + tmpArr[1] + 'P';
                } else {
                if(+tmpArr[0] == 00) {
                    time12 = '12:' + tmpArr[1] + 'A';
                } else {
                if(+tmpArr[0] > 12) {
                    time12 = (+tmpArr[0]-12) + ':' + tmpArr[1] + 'P';
                } else {
                    time12 = (+tmpArr[0]) + ':' + tmpArr[1] + 'A';
                }
                }
                }

            var tmpArrs = t2.split(':'), time13;
                if(+tmpArrs[0] == 12) {
                    time13 = tmpArrs[0] + ':' + tmpArrs[1] + 'P';
                } else {
                if(+tmpArrs[0] == 00) {
                    time13 = '12:' + tmpArrs[1] + 'A';
                } else {
                if(+tmpArrs[0] > 12) {
                    time13 = (+tmpArrs[0]-12) + ':' + tmpArrs[1] + 'P';
                } else {
                    time13 = (+tmpArrs[0]) + ':' + tmpArrs[1] + 'A';
                }
                }
                } 

                element.find('.fc-content').append(t1 + "-" + t2 +);
        }

Answer 1

假设您的网页中包含 moment.js (因为 FullCalendar 在任何情况下都需要它)，请使用以下代码代替声明 var t1 和 var t2

var t1 = $.fullCalendar.moment(event.start).format("h:mm A")
var t2 = $.fullCalendar.moment(event.end ).format("h:mm A")

附注您无需手动计算 12 小时格式，moment.js 会为您完成此操作