javascript - 完整日历日单击并解决了时区更改的事件日期问题

Question

我正在使用全日历来实现日历功能。 IST 一切正常，但当时区更改为 PST 时，就会出现问题。

到目前为止，我所做的是

1)当用户单击日历时，他/她可以为单击的日期添加事件，并且将选择模式弹出窗口和单击的日期。

2) 与上面的 drop 功能相同。

在这两种情况下，我都使用日期参数来获取全日历中的点击/删除日期

以下是我正在使用的代码片段

调用日历的 JavaScript 代码

$(document).ready(function () {
    $('#calendar').fullCalendar({
            eventSources: [

                {
                  url:'calendar/all_events',
                  type: 'POST',
                  data: {event_asset_id: $('#asset_id').val()},
                  error: function () {

                  },

                  textColor: 'black' // a non-ajax option
                }
            ],

            header: {
                left: 'prev',
                center: 'title, month,agendaWeek,agendaDay',
                right: 'next'
            },
            editable: true,
            draggable: false,
            droppable: true,
            drop: function (date, jsEvent, ui) {
              //getting the dropped date from calendar
              var droppedDate = date._d
              console.log(droppedDate);
            },
          dayClick: function (date, jsEvent, view) {
             //getting the clicked date from calendar
              var clickedDate = date._d
              console.log(clickedDate);
            }
      });
  });

div 替换为日历的 HTML 代码

<div id='calendar'></div>

问题是，当时区更改为 PST 并且用户在 2015 年 12 月 15 日在日历上单击/放置时，当我控制台它返回的日期对象时，其返回如下

m {_ambigTime: true_ambigZone: true_d: Mon Dec 14 2015 16:00:00 GMT-0800 (Pacific Standard Time)_fullCalendar: true_isAMomentObject: true_isUTC: true_locale: V.e_fullCalendar_weekCalc: "local"__proto__: l_offset: 0_pf: Object__proto__: m}

我不知道为什么它在 PST 时区失败。我找不到解决方案。

非常感谢任何帮助。

Answer 1

您不应使用 _d 字段。 FullCalendar 返回一个 moment 对象，_d 和其他以下划线前缀的字段是 moment 的内部字段。

相反，请使用 display functions可供您使用。当您需要字符串时，应该使用 format 函数。

虽然您可以使用 moment 的 toDate 函数来获取 Date 对象，但在这种情况下，您不会对结果感到满意，因为您使用的是 FullCalendar 的默认值ambiguously zoned模式。格式化字符串以进行输出更安全。 (请参阅该页面上的示例。)