完整日历日期在不同国家/地区有所不同

时间:2016-11-09 17:21:42

标签: javascript jquery fullcalendar fullcalendar-scheduler

我正在使用fullcalendar.js,我遇到时区问题。 它在我居住的地方工作得非常好,但我住在加拿大伯灵顿的客户并没有得到他点击的同一天。我已将区域设置为-05:00(他们的区域),但没有帮助,有没有办法将时区设置为本地? 所以无论你在哪里访问它显示的完整日历。

enter image description here

这些高级日期在加拿大显示为6,在同一天点击。

这是我用来在dayclick

上打开模态的代码
   dayClick: function(date, jsEvent, view) {
    var click = date._d;
    var month = new Array();
    month[0] = "January";
    month[1] = "February";
    month[2] = "March";
    month[3] = "April";
    month[4] = "May";
    month[5] = "June";
    month[6] = "July";
    month[7] = "August";
    month[8] = "September";
    month[9] = "October";
    month[10] = "November";
    month[11] = "December";
    var weekday = new Array(7);
    weekday[0]=  "Sunday";
    weekday[1] = "Monday";
    weekday[2] = "Tuesday";
    weekday[3] = "Wednesday";
    weekday[4] = "Thursday";
    weekday[5] = "Friday";
    weekday[6] = "Saturday";
    $("#myModal").modal("show");

    document.getElementById("date").setAttribute("value", click.getFullYear() +"-"+ ("0"+ (click.getMonth()+1)).slice(-2)+"-"+("0" + click.getDate()).slice(-2));

    document.getElementById("month").setAttribute("value", month[click.getMonth()]);
    document.getElementById("str_day").setAttribute("value", ("0" + click.getDate()).slice(-2));
    document.getElementById("end_day").setAttribute("value", weekday[click.getDay()]);
  },
  eventResize: function(event, delta, revertFunc) {
    console.log(event);
    var title = event.title;
    var end = event.end.format();
    var start = event.start.format();
    $.ajax({
      url: 'fullcalender/process.php',
      data: 'type=resetdate&title='+title+'&start='+start+'&end='+end+'&eventid='+event.id,
      type: 'POST',
      dataType: 'json',
      success: function(response){
        if(response.status != 'success')
          revertFunc();
      },
      error: function(e){
        revertFunc();
        alert('Error processing your request: '+e.responseText);
      }
    });

这是用于添加数据库的代码

if($type == 'new')
{
    $startdate = $_POST['startdate'].'+'.$_POST['zone'];
    $title = $_POST['title'];
    $insert = mysqli_query($con,"INSERT INTO calendar(`title`, `startdate`, `enddate`, `allDay`) VALUES('$title','$startdate','$startdate','false')");
    $lastid = mysqli_insert_id($con);
    echo json_encode(array('status'=>'success','eventid'=>$lastid));
}

2 个答案:

答案 0 :(得分:1)

就存储时间而言,它们应存储为UTC时间戳。为了检索时区,我使用jstz来获取用户时区,就像这两行一样简单。

var tz = jstz.determine();
var timezone = tz.name();

这会给你一个像#34; America / Chicago"无论用户身在何处,这都很棒,因为您不必向用户询问他们的时区,它可以在任何地方使用。然后将timezone与您的事件请求一起传递,并且您可以使用服务器端语言在检索事件时从UTC转换为提供的时区。

events: {
    url: "calendarManager.php?request=get&timezone=" + timezone + "&userid=" + userID
},

您还应该使用

timezone: "local",

在您的日历配置中,然后在使用上述方法返回事件时从UTC转换为用户本地时区。

答案 1 :(得分:0)

我实际上在3天后发现了问题, 问题是我使用的是getDate(), 使用getUTCDat()修复了问题:)