如何让全日历读取日期/时间？答案

【问题标题】：How do I get fullcalendar to read date/time?如何让全日历读取日期/时间？
【发布时间】：2016-06-28 15:25:18
【问题描述】：

我在我的项目中使用全日历。我的用户将输入事件信息，例如事件名称、日期和地点。一切正常，但日期/时间。当用户输入日期和时间时，显示如下：06/28/2016 10:00 AM

FullCalendar 读取日期但不读取时间。我需要做什么才能读取时间？

这是我的完整日历的 js：

$(document).ready(function() {

  // page is now ready, initialize the calendar...

  $('#calendar').fullCalendar({
    // put your options and callbacks here

    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    weekends: true,

    events: 'http://www.familyevent.comli.com/events.php',

    eventRender: function(event) {
      if (event.allDay === 'true') {
        event.allDay = true;
      } else {
        event.allDay = false;
      }

    },
    eventClick: function(event) {
      alert("event start " + moment(event.start).format('MM/DD/YYYY hh:mm a') + " event end " +
        moment(event.end).format('MM/DD/YYYY hh:mm:ss'));
    }

  });

});

我输入了 eventClick 来查看 fullCalendar 正在阅读什么。它获取日期，但时间始终是 12:00 AM

【问题讨论】：

标签： javascript fullcalendar momentjs

【解决方案1】：

使用已经与 fullCalendar 捆绑的 moment.js 将日期转换为 fullcalendar 可以理解的格式。

event.start = moment("06/28/2016 10:00 AM");

如果删除 AM 之前的空格后仍然无法正常工作，并且您的日期格式定义明确，您可以通过手动添加小时和分钟来逐步创建时刻对象：

var time = ("06/28/2016 10:00 AM").split(" ")[1].split[":"];
event.start = moment("06/28/2016 10:00 AM").hours(time[0]).minutes(time[1]); //also add AM/PM handling

【讨论】：

event.start = moment("06/28/2016 10:00 AM");有效，但将所有事件设置为该日期和时间 event.start = moment("MM/DD/YYYY hh:mm A");不起作用。这是为什么？
在使用 moment 时需要指定格式。现在你会收到一个弃用警告，即 Moment 回退到 JS 日期。您的代码应该是 moment("06/28/2016 10:00 AM", 'MM/DD/YYYY hh:mm a')
这仍然会将我的所有活动更改为 2016 年 6 月 28 日上午 10:00。 fullcalendar 可以读取日期但不读取时间。我的 json 提要中的事件类似于“2016-06-28T11:00”。它得到日期，但时间不见了。它总是把 12:00 am 作为时间
问题出在我的 json 提要中。格式化现在有效。谢谢