Question

我在使用FullCalendar v3.8.2和eventDataTransform方法时遇到问题。我现在正在寻找几个小时，所以为了防止发疯，我写了我的第一篇StackOverflow帖子......

我想将一个附加参数传递给事件Object，calles blockd。因此，在前端，被阻止的事件会有不同的样式

如果我将blocked参数与Int 1一起传递，则日历的事件会显示在前端。（如下面的代码所示）

虽然我改为使用PHP变量e.g. $is_blocked，但我在前端得到TypeError并且事件没有出现。

这是我的fullcalendar.js脚本：

eventSources: [
            {
              url: WP_PUBLIC_DATA.pluginsUrl + '/dev-booking-system/dbs-calendar-feed.php', // use the `url` property
              className: 'dbs-event',
              eventDataTransform: function( eventData ){
                var blocked = parseInt( eventData.blocked );
                if( blocked == 1 ){
                    var substr = 'Reserviert - ' + eventData.title.substring( 0, 15 ) + '...';
                    return {
                        id: eventData.id,
                        title: substr,
                        start: eventData.start,
                        end: eventData.end,
                        className: 'dbs-event--disabled-by-load'
                    };
                }
              }
            }
        ],

将JSON发送到javascript文件时，会发生奇怪的事情。 eventSoruces url通过wordpress循环从php文件中获取数据。

这就是它变得奇怪的地方。传递'blocked' => 1有效，传递'blocked' => $is_blocked不起作用（值通过intval转换为int）

if( $event_listing->have_posts() ) :
        while( $event_listing->have_posts() ) : $event_listing->the_post();

            $post_id = get_the_ID();
            $title = get_the_title();

            $is_blocked = intval( get_post_meta( $post_id, 'event_reserved', true ) );
            $start = get_post_meta( $post_id, 'start_trip', true ) != '' ? get_post_meta( $post_id, 'start_trip', true ) : NULL;
            $end = get_post_meta( $post_id, 'end_trip', true ) != '' ? get_post_meta( $post_id, 'end_trip', true ) : NULL;


            $event_array[] = array(
                'id' => $post_id,
                'title' => $title,
                'start' => $start,
                'end' => $end,
                // 'blocked' => 1,
                'blocked' => $is_blocked,
                'allDay' => true // Event ist nicht Zeitabhängig
            );

        endwhile;
    else:
        wp_send_json_error( "No events found" );
    endif; 

echo json_encode($event_array);

exit;

使用Wordpress，我按正确的顺序排列脚本：

//fullcalendar
wp_enqueue_script('dbs-fullcalendar-moment-scripts',  plugins_url('assets/fullcalendar/lib/moment.min.js', __FILE__ ), array('jquery'), '3.8.2', true );
wp_enqueue_script('dbs-fullcalendar-scripts',  plugins_url('assets/fullcalendar/fullcalendar.js', __FILE__ ) , array('jquery'), '3.8.2', true );

Firefox说TypeError: eventInput is undefined，Chrome反对说Uncaught TypeError: Cannot read property 'start' of undefined

你有什么想法吗？很高兴听到你的声音，阻止我喝太多咖啡;）

以下是JSON结果：

0:
    id: 3453
    title:  "19. März bis 23. März Beipieltext"
    start:  "2018-03-19"
    end:    "2018-03-23"
    blocked:    0
    allDay: true
1:
    id: 3451
    title:  "09. März bis 11. März Beispieltext"
    start:  "2018-03-09"
    end:    "2018-03-11"
    blocked:    1
    allDay: true

“阻止”值收到的是一个int值，但似乎javascript与'0'有问题，因为如上所述只传输'1'值，整个工作正常

Answer 1

问题在于，只要blocked为0，您的eventDataTransform方法就不会向日历返回任何内容，因此尝试使用返回事件的代码会崩溃，因为它正在尝试访问一个事件对象存在。

即使您不打算更改事件数据，您仍然需要重新返回现有的事件数据。

您也不需要执行parseInt（），因为blocked已经是一个数字，并且您不需要构建新的事件对象 - 您只需修改给定的对象即可。所以你的代码可以如下：

eventDataTransform: function( eventData ){
  if( eventData.blocked == 1 ){
    var substr = 'Reserviert - ' + eventData.title.substring( 0, 15 ) + '...';
    eventData.title = substr;
    eventData.className = 'dbs-event--disabled-by-load';
  }

  return eventData; //always return something, even if it wasn't modified
}

解析PHP变量为JSON

1 个答案: