php - jquery full calendar 显示第二天的事件

Question

我正在尝试将 jquery 日历插件集成到我的自定义 cms 中，

我的问题是第二天会显示设置原始值（在数据库中）的事件。

这就是我检索事件的方式：

$query = "SELECT id,avatar, titulo AS title,texto as name, unix_timestamp(start_date) as start,unix_timestamp(end_date) as end, start_date, end_date 
              FROM blogs 
              WHERE (unix_timestamp(start_date) >= '$start' OR unix_timestamp(end_date) <= '$end')
                    AND post_type = 'event'
                    AND lan = '$lan'";
    //echo $query;
    $year = date('Y');
    $month = date('m');
    $result = mysql_query($query);
    $array = array();
    $i = 0;
    while ($row = mysql_fetch_array($result)) {
        $raw = $row;
        $raw['url'] = '/blog/'.urls_amigables($raw['title']).'/'.$raw['id'].'/';
        $raw['start_show'] = prettyDateTime($raw['start_date']);
        $raw['end_show'] = prettyDateTime($raw['end_date']);
        $array[$i] = $raw;

        $i++;
    }
    echo json_encode($array);

这就是我将它们显示到jquery 日历中的方式：

$('#calendario').fullCalendar({



                        events: "/includes/json-events.php",

                        eventDrop: function(event, delta) {
                            alert(event.title + ' was moved ' + delta + ' days\n' +
                                '(should probably update your database)');
                        },

                        loading: function(bool) {
                            if (bool) $('#loading').show();
                            else $('#loading').hide();
                        },
                        eventMouseover: function( event, jsEvent, view ) { 
                            var item = $(this);
                            var image = '';
                            if(event.avatar != '')
                                image = '<img src="'+event.avatar+'" />';
                            if(item.find('.nube').length == 0){
                                var info = '<span class="nube"><h2>'+event.title+'</h2>'+image+' <p class="text">'+event.name+'</p><p>'+event.start_show+' <br /> '+event.end_show+'</p><p><a href="'+event.url+'">read_more</a></p></span>';
                                item.append(info);
                            }
                            if(parseInt(item.css('top')) <= 200){
                                item.find('.nube').css({'top': 20,'bottom':'auto'});
                                item.parent().find('.fc-event').addClass('z0');
                            }
                            if(parseInt(item.css('left')) > 500){
                                    item.find('.nube').css({'right': 0,'left':'auto'});
                                    item.parent().find('.fc-event').addClass('z0');
                            }
                            item.find('.nube').stop(true,true).fadeIn();
                            console.log(parseInt(item.css('left')));
                        },
                        eventMouseout: function( event, jsEvent, view ) { 
                            var item = $(this);
                            item.find('.nube').stop(true,true).fadeOut();
                        },
                        header: {
                                    left: 'prev,next today',
                                    center: 'title',
                                    right: 'month,agendaWeek,agendaDay'
                                },
                                eventRender: function(event, element) {

                                }

                    });

这里的问题是unix_timestamp(start_date)会在日历中生成第二天

（例如：如果将 start_date 存储在该月的第 17 天，则在日历中将出现在第 18 天）

我不确定我错过了什么。所有这一切都是我按照他们的规格完成的......

知道我在哪里失败了吗？（jquery、mysql 或时区设置？）

-编辑-

我有点修复它

$row['start'] = $row['start'] - 60*60*24 /* One day */;

所以现在start_date和start一起有意义（在日历中......）

请告诉我您知道更好的解决方案！

score 7 · Accepted Answer

根据章节MySQL 5.6 Reference Manualp - 12.7 Date and Time Functions

UNIX_TIMESTAMP() 假定其参数是当前时区中的日期时间值。

关键问题：

日期是否通过浏览器插入数据库 - 使用与 PHP 和 MySQL 相同的时区？
是否在不考虑时区的情况下插入日期时间，导致偏移和错误？
在插入和查看以前的事件时是否同时考虑浏览器？

行动/要点：

需要审查您的事件插入代码（javascript 和 PHP）。
需要检查您的服务器在哪个时区运行。这可以通过控制台命令(linux) 或直接在 php 中使用 [date_default_timezone_get()] ( http://php.net/manual/en/function.date -default-timezone-get.php ) 。
我们是否需要检测时区和浏览器位于哪个时区，因为两个不同的查看器可能会上传相同的日期时间（但没有时区组件）。

资源

有必要检查浏览器位于哪个时区，并对此进行补偿，以及对浏览器查看事件进行补偿。

以下是用于处理上述与浏览器/PHP/MySQL 上的时间戳相关的问题的资源。

解决方案

一种解决方案是对所有插入使用 UTC 时间戳，并且在查看事件日历时仅使用不同的时间戳进行可视化。

1) 在 Javascript 中获取当前时间

ISO 8601 日期格式可用于将浏览器端的日期转换为包含时间戳信息的格式。从这里引用：

请注意，“T”字面上出现在字符串中，表示时间元素的开始。时间以 UTC（协调世界时）表示，带有一个特殊的 UTC 指示符（“Z”）。用于 ATOM RSS 提要。
   1: function fnISO() {
   2:     // Only works in Firefox using ECMAScript 5
   3:     var now = new Date().toISOString();
   4:     alert(now);
   5: }

结果：2009-08-06T23:36:31.390Z

2) 将 ISO 8601 日期从 PHP 插入 MYSQL

ISO 8601 日期（作为字符串）可以使用strtotime()函数转换为 PHP 日期对象。

strtotime($_POST['event_time_as_ISO8601']);

在脚本的开头，我将使用以下命令设置 PHP 默认时区和 MySQL 时区（用于连接）：

PHP 命令：date_default_timezone_set('UTC');
SQL 命令：$this->MySQLi->query("SET timezone = 'UTC'");

3) 服务于客户

必须将日期转换为浏览器的时区才能正确查看。

同样，PHP 和 SQL 连接时区都应该同步。之后的日期可以使用PHP 日期函数以 ISO 8601 格式打印在 JSON 文档中。

 date("c", $raw['start_date']));

4) 将 ISO 8601 日期转换为用户时区（浏览器）：

所需要做的就是解析 ISO 8601 日期并创建一个日期对象。由于 ISO 8601 包含时区（如果是 UTC，则为 Z），因此将显示正确的日期时间。

一种解决方案是使用 datejs 库，如Help parsing ISO 8601 date in Javascript 中所述。

也可以看看：

http://anentropic.wordpress.com/2009/06/25/javascript-iso8601-parser-and-pretty-dates/

score 2 · Accepted Answer

一个问题：

在特定时间段中提取事件的一般条件不是：

 (unix_timestamp(start_date) >= '$start' OR unix_timestamp(end_date) <= '$end')

反而：

 (unix_timestamp(start_date) <= '$end' AND unix_timestamp(end_date) >= '$start')

您的条件（第一个）只会过滤掉开始$start 和结束之后的事件$end- 因此您基本上将存储在数据库中的整个事件列表发回给 fullcalendar。

score 1 · Accepted Answer

我不明白你为什么unix_timestamp(start_date)在选择查询上使用然后毁了prettyDateTime($raw['start_date']) 我会说不要在选择查询上做 unix_timestamp 在 prettyDateTime 和在哪里做

$start=date('Y-m-d',$start);  $end=date('Y-m-d',$end);
WHERE (start_date >= '$start' OR end_date <= '$end')
                    AND post_type = 'event'
                    AND lan = '$lan'";

http://www.php.net/manual/en/function.date-default-timezone-set.php

http://www.php.net/manual/en/function.date-default-timezone-get.php

score 0 · Accepted Answer

我会接受LeGEC的回答

WHERE (unix_timestamp(start_date) >= '$start' OR unix_timestamp(end_date) <= '$end')

只需从OR中设置此条件AND，您将看不到过去的记录..

我相信这会做..

php - jquery full calendar 显示第二天的事件

4 回答 4

关键问题：

行动/要点：

资源

解决方案

Related

Reference