如何在fullCalendar.io中将UTC日期转换为用户时区

Question

我有UTC格式的日期和时间，例如：

我的日历生成代码。我正在使用fullcalendar.io。

//for loop start
sessionCalendar.push(
    {
      title: `${course["course_name"]}`,
      start: start_date_time.split(" ").join("T"),
      end: end_date_time.split(" ").join("T"),
    },
)
//for loops end

正如您所看到的，我在日期和时间中添加了T以使其成为UTC格式。

var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
  plugins: [ 'dayGrid', 'timeGrid', 'list', 'interaction' ],
  header: {
    left: 'prev,next today',
    center: 'title',
    right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
  },
  defaultDate: '2019-04-12',
  navLinks: true, 
  editable: false,
  eventLimit: true,
  events: sessionCalendar,
  timeZone: timeZone // var timeZone = "Asia/Kolkata"
});

calendar.render();

在上面的代码中，我设置了动态的timeZone值。不过，我在截图中看到与UTC格式相同的start_date_time日期和时间。

如何将UTC日期和时间转换为用户指定的时区？

根据评论。我在最后添加了“Z”

Answer 1

我已经解决了这个问题，但并没有真正解决。

在调用初始化日历之前，我将日期和时间转换为用户特定的时区。

datetime_utc: function (datetime) {
    return moment.utc(datetime, 'YYYY-MM-DD HH:mm:ss').clone().tz(timeZone).format('YYYY-MM-DD HH:mm:ss');
},  

上述时刻功能可以轻松地将日期和时间转换为用户特定的时区。我刚刚更新了时间。我也从can日历功能中删除了时区属性。

//for loop start
sessionCalendar.push(
    {
      title: `${course["course_name"]}`,
      start: gbl.datetime_utc(start_date_time),
      end: gbl.datetime_utc(end_date_time),
    },
)
//for loops end

var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
  plugins: [ 'dayGrid', 'timeGrid', 'list', 'interaction' ],
  header: {
    left: 'prev,next today',
    center: 'title',
    right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
  },
  defaultDate: '2019-04-12',
  navLinks: true, 
  editable: false,
  eventLimit: true,
  events: sessionCalendar,
});

calendar.render();

这仍然是非常不完整的答案。 Fullcalendar.io代码应该可以完成这项工作。

Answer 2

function convert DateAccordingToTZ（date String：string，timeZone Offset：number = 0）{

const dateObj = new Date(dateString);
const calculatedOffset = dateObj.getTimezoneOffset() + (timeZoneOffset * 60);
const formattedTime = dateObj.valueOf() + (calculatedOffset * 60000);

return new Date(formattedTime);

}