Creating an “Upcoming Events” page with Query Loops: Date handling

Hi there,

today, it requires some custom query args to be passed to the query loop.
The following PHP Snippet would do that.

add_filter( 'generateblocks_query_loop_args', function( $query_args, $attributes ) {

    // Apply filter if loop has class: custom-event-query
    if ( 
        ! is_admin() && 
        ! empty( $attributes['className'] ) && 
        strpos( $attributes['className'], 'custom-event-query' ) !== false 
    ) {
       
        // Add meta_query to filter posts with meta value (date) greater than or equal to current date
        $query_args['meta_query'] = array(
            array(
                'key' => 'my-custom-date',
                'value' => date( 'Y-m-d' ), // Current date in 'YYYY-MM-DD' format
                'compare' => '>=',
                'type' => 'DATE',
            ),
        );

        // Merge existing query_args with additional args for ordering
        $query_args = array_merge( $query_args, array(
            'meta_key' => 'my-custom-date',
            'orderby' => 'meta_value',
            'order' => 'ASC',
        ));
    }
    return $query_args;
}, 10, 2 );

Notes:
strpos( $attributes['className'], 'custom-event-query' ) !== false here the custom-event-query is the CSS class that you add to the Query Loops > Grid Blocks > Advanced > Additional CSS Classes field.

'key' => 'my-custom-date', and 'meta_key' => 'my-custom-date', we set the custom field name of my-custom-date change that to the name of your custom field that holds the event date you want to filter by.

Those args will list only posts on or after the my-custom-date and in that date order.

The rest of your query parameters such as the Post Type and number of posts to display should be added to the block settings.

Awesome – glad to hear that!