{"id":43651,"date":"2024-03-06T13:53:33","date_gmt":"2024-03-06T13:53:33","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=43651"},"modified":"2024-08-13T08:28:23","modified_gmt":"2024-08-13T08:28:23","slug":"filtering-posts-by-custom-date-range","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/","title":{"rendered":"How to Filter Posts by Custom Date Range"},"content":{"rendered":"\n<p>With the Custom Date Range option, it\u2019s possible to set limits on dates for users to filter the content.<\/p>\n\n\n\n<p>The purpose is to ensure users focus on recent or upcoming events, transactions, or content that align with their immediate needs and interests. This limitation can help users quickly find relevant information without having to sift through outdated or irrelevant data.<\/p>\n\n\n\n<p>The Custom Date Range option can be used for such use cases:<\/p>\n\n\n\n<ul>\n<li>E-commerce \u2014 filtering products by availability date;<\/li>\n\n\n\n<li>Event calendars \u2014 filtering events by upcoming dates;<\/li>\n\n\n\n<li>Financial dashboards \u2014 viewing transactions within a specific period;<\/li>\n\n\n\n<li>Travel booking \u2014 selecting travel options within a date range;<\/li>\n\n\n\n<li>Project management \u2014 filtering tasks by deadlines.<\/li>\n<\/ul>\n\n\n\n<p>This tutorial will present how to adjust the custom date range for the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-date-range-filter-to-filter-the-publications-or-products\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Date Range<\/strong><\/a> filter to sort events.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">The same logic and settings are also available for the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-date-period-filter\/\" target=\"_blank\" rel=\"noopener\"><strong>Date Period<\/strong><\/a> filter, so feel free to use this guide to create it.<\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"preparations\">Preparations<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Prepare posts or products you want to sort with the <strong>Date Range<\/strong> filter. You can sort by the value saved in the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#date\" target=\"_blank\" rel=\"noreferrer noopener\">Date<\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#datetime\" target=\"_blank\" rel=\"noreferrer noopener\">Datetime<\/a>,\u201d or \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#advanced-date\" target=\"_blank\" rel=\"noreferrer noopener\">Advanced Date<\/a>\u201d custom meta fields or by the <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-posts-by-the-posted-and-last-modified-date\/\" target=\"_blank\" rel=\"noreferrer noopener\">posted or modified date<\/a><\/strong>.<\/p>\n\n\n\n<p>For example, we created the \u201cEvents\u201d <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-post-type-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Custom Post Type<\/strong><\/a> in the <strong><em>WordPress Dashboard > JetEngine > Post Types <\/em><\/strong>tab by clicking the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>We entered the <strong>Post Type Name <\/strong>and <strong>Post Type Slug<\/strong> and added the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#media\" target=\"_blank\" rel=\"noreferrer noopener\">Media<\/a>\u201d and \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#date\" target=\"_blank\" rel=\"noreferrer noopener\">Date<\/a>\u201d meta fields.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type.webp\" alt=\"\" class=\"wp-image-43767\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>For the \u201cMedia\u201d meta field, the <strong>Value format <\/strong>should be set to correctly store the value in the database and avoid further issues. For this tutorial, it\u2019s immaterial what exact format is selected.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/value-format-option-for-the-media-meta-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/value-format-option-for-the-media-meta-field.webp\" alt=\"value format option\" class=\"wp-image-43780\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/value-format-option-for-the-media-meta-field.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/value-format-option-for-the-media-meta-field-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/value-format-option-for-the-media-meta-field-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/value-format-option-for-the-media-meta-field-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/value-format-option-for-the-media-meta-field-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/value-format-option-for-the-media-meta-field-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>For the \u201cDate\u201d and \u201cDatetime\u201d meta fields, the <strong>Save as timestamp <\/strong>toggle should be enabled.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/save-as-timestamp-toggle-for-the-date-meta-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/save-as-timestamp-toggle-for-the-date-meta-field.webp\" alt=\"save as timestamp toggle for the date meta field\" class=\"wp-image-43769\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/save-as-timestamp-toggle-for-the-date-meta-field.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/save-as-timestamp-toggle-for-the-date-meta-field-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/save-as-timestamp-toggle-for-the-date-meta-field-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/save-as-timestamp-toggle-for-the-date-meta-field-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/save-as-timestamp-toggle-for-the-date-meta-field-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/save-as-timestamp-toggle-for-the-date-meta-field-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The CPT settings can be saved by hitting the \u201c<strong>Add\/Update Post Type<\/strong>\u201d button.<\/p>\n\n\n\n<p>Then, we headed to the menu tab of the built CPT on the <strong><em>WordPress Dashboard<\/em> <\/strong>and created several posts.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/created-posts-in-the-events-post-type.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/created-posts-in-the-events-post-type.webp\" alt=\"created posts in the events post type\" class=\"wp-image-43765\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/created-posts-in-the-events-post-type.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/created-posts-in-the-events-post-type-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/created-posts-in-the-events-post-type-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/created-posts-in-the-events-post-type-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/created-posts-in-the-events-post-type-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/created-posts-in-the-events-post-type-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Posts can be displayed in the <strong>Listing Grid<\/strong> in the Elementor, Gutenberg, or Bricks editor. For that, the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-template-in-elementor-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Template<\/strong><\/a><strong> <\/strong>should be created in advance.<\/p>\n\n\n\n<p>Learn how to create a listing in <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-a-listing-template-for-post-types\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-create-a-listing-template-in-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg<\/a>, and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-listing-items-with-bricks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bricks<\/a>.<\/p>\n\n\n\n<p>To craft a listing, we went to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listing <\/em><\/strong>and pressed the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>We picked the \u201cPosts\u201d <strong>Listing source<\/strong> and \u201cEvents\u201d (recently created CPT) from the <strong>From post type <\/strong>drop-down menu, entered the <strong>Listing item name<\/strong>, and chose the \u201cElementor\u201d <strong>Listing view<\/strong>. The \u201cBlocks (Gutenberg)\u201d and \u201cBricks\u201d variants may be selected for this field as well. Then, we hit the \u201c<strong>Create Listing Item<\/strong>\u201d<strong> <\/strong>button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/listing-item-for-the-events-post-type.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/listing-item-for-the-events-post-type.webp\" alt=\"listing item for the events post type\" class=\"wp-image-43768\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/listing-item-for-the-events-post-type.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/listing-item-for-the-events-post-type-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/listing-item-for-the-events-post-type-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/listing-item-for-the-events-post-type-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/listing-item-for-the-events-post-type-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/listing-item-for-the-events-post-type-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After that, we proceeded to the Elementor editing page.<\/p>\n\n\n\n<p>To display the post title, we placed the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/dynamic-field-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Field<\/strong><\/a> widget and picked the \u201cPost\/Term\/User\/Object Data\u201d <strong>Source <\/strong>and \u201cTitle\u201d <strong>Object Field<\/strong>.<\/p>\n\n\n\n<p>To display the image from the \u201cMedia\u201d custom meta field, we drag-n-dropped the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-dynamic-image-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Image<\/strong><\/a><strong> <\/strong>widget and opted for the needed meta field as the <strong>Source<\/strong>.<\/p>\n\n\n\n<p>To show the value from the \u201cDate\u201d meta field, we put the <strong>Dynamic Field<\/strong> widget and picked the \u201cMeta Data\u201d <strong>Source<\/strong> and the desired <strong>Meta Field<\/strong>.<\/p>\n\n\n\n<p>Since the date is shown in the timestamp format, we enabled the <strong>Filter field output <\/strong>toggle and picked the \u201cFormat date\u201d <strong>Callback<\/strong>. Read more about the <strong>Dynamic Field<\/strong> callbacks in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/dynamic-field-widget-overview\/#filter-field-output-overview\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Filter Field Output Overview<\/strong><\/a><strong> <\/strong>chapter.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/format-date-callback-for-the-dynamic-field-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/format-date-callback-for-the-dynamic-field-widget.webp\" alt=\"format date callback for the dynamic field widget\" class=\"wp-image-43774\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/format-date-callback-for-the-dynamic-field-widget.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/format-date-callback-for-the-dynamic-field-widget-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/format-date-callback-for-the-dynamic-field-widget-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/format-date-callback-for-the-dynamic-field-widget-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/format-date-callback-for-the-dynamic-field-widget-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/format-date-callback-for-the-dynamic-field-widget-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The listing settings can be saved by clicking the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<p>That\u2019s one example; to learn what widgets, blocks, and elements can be filtered, read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filters-providers-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Filters Providers Overview<\/strong><\/a>.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-date-range-filter\">Create a Date Range Filter<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Proceed to the <strong><em>WordPress &gt; Smart Filters &gt; Add New <\/em><\/strong>tab to create a new filter.<\/p>\n\n\n\n<p>Enter the <strong>Filter Name <\/strong>and pick the \u201cDate Range\u201d option from the <strong>Filter Type <\/strong>section.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/creating-date-range-filter.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/creating-date-range-filter.webp\" alt=\"creating date range filter\" class=\"wp-image-43771\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/creating-date-range-filter.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/creating-date-range-filter-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/creating-date-range-filter-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/creating-date-range-filter-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/creating-date-range-filter-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/creating-date-range-filter-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The next step is to set the <strong>Filter by <\/strong>option: pick \u201cMeta Date\u201d to filter content by the date set in the custom meta field or \u201cPost Date\u201d to filter content by the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-posts-by-the-posted-and-last-modified-date\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>posted or modified date<\/strong><\/a>.<\/p>\n\n\n\n<p>For our use case, we selected the \u201cMeta Date\u201d option since we want to filter by the values set in the \u201cDate\u201d custom meta field set for the \u201cEvents\u201d CPT.<\/p>\n\n\n\n<p>For the \u201cMeta Date\u201d option, the <strong>Query Variable <\/strong>field is required, so we set the \u201cdate\u201d <strong>Name\/ID <\/strong>of the \u201cDate\u201d meta field.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/queried-field-key-for-the-date-range-filter.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/queried-field-key-for-the-date-range-filter.webp\" alt=\"queried field key for the date range filter\" class=\"wp-image-43776\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/queried-field-key-for-the-date-range-filter.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/queried-field-key-for-the-date-range-filter-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/queried-field-key-for-the-date-range-filter-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/queried-field-key-for-the-date-range-filter-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/queried-field-key-for-the-date-range-filter-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/queried-field-key-for-the-date-range-filter-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>With the <strong>Available date range<\/strong>, you can set the date range for users to pick to \u201cAll days,\u201d \u201cFuture days,\u201d \u201cPast days,\u201d and \u201cCustom days.\u201d We picked the last option to explore it.<\/p>\n\n\n\n<p>It activates the <strong>Minimum possible date to select<\/strong> and <strong>Maximum possible date to select <\/strong>fields. Here, the static dates can be entered in the \u201cYYYY-MM-DD\u201d format.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/available-dates-range.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/available-dates-range.webp\" alt=\"available dates range\" class=\"wp-image-43775\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/available-dates-range.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/available-dates-range-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/available-dates-range-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/available-dates-range-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/available-dates-range-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/available-dates-range-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>You can also use the keyword \u201ccurrent\u201d instead of the year, month, or day. For example, if \u201ccurrent &#8211; current &#8211; 15\u201d is specified, the limit will be the 15th of the current year and month.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-keyword-for-the-custom-date-range.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-keyword-for-the-custom-date-range.webp\" alt=\"current keyword for the custom date range\" class=\"wp-image-43777\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-keyword-for-the-custom-date-range.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-keyword-for-the-custom-date-range-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-keyword-for-the-custom-date-range-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-keyword-for-the-custom-date-range-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-keyword-for-the-custom-date-range-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-keyword-for-the-custom-date-range-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>To set the limit based on the current date, simply input \u201ctoday.\u201d Additionally, date operations can be performed using the following structure: + or &#8211; N number and unit of the date, such as day(s), week(s), month(s), or year(s). For instance, \u201ctoday + 3 days.\u201d<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/limit-date-range-based-on-the-current-date.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/limit-date-range-based-on-the-current-date.webp\" alt=\"limit date range based on the current date\" class=\"wp-image-43778\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/limit-date-range-based-on-the-current-date.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/limit-date-range-based-on-the-current-date-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/limit-date-range-based-on-the-current-date-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/limit-date-range-based-on-the-current-date-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/limit-date-range-based-on-the-current-date-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/limit-date-range-based-on-the-current-date-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">If the field is left empty, there will be no restrictions on the date.<\/p><\/div><\/div>\n\n\n\n<p>Here, we described all the required settings to set the custom date range. Read more in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-date-range-filter-to-filter-the-publications-or-products\/\"><strong>Date Range Filter Overview<\/strong><\/a>.<\/p>\n\n\n\n<p>Adjust the \u201cDate Range\u201d filter settings and hit the \u201c<strong>Publish\/Update<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"place-a-date-range-filter-on-a-page\">Place a Date Range Filter on a Page<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>You can add the <strong>Date Range Filter <\/strong>widget, block, or element to any post, page, or template that can be edited in the Elementor, Gutenberg, or Bricks editor.<\/p>\n\n\n\n<p>For example, we went to <strong><em>WordPress Dashboard &gt; Pages &gt; Add New Page<\/em><\/strong> and hit the \u201c<strong>Edit with Elementor<\/strong>\u201d button.<\/p>\n\n\n\n<p>On the Elementor editing page, we drag-n-dropped the <strong>Date Range Filter <\/strong>widget.<\/p>\n\n\n\n<p>In the widget <strong>Content <\/strong>settings, we set the recently created filter in the <strong>Select filter <\/strong>drop-down menu and picked the \u201cJetEngine\u201d filter provider from the <strong>This filter for <\/strong>drop-down list since the listing items and <strong>Listing Grid <\/strong>are the <em>JetEngine <\/em>features.&nbsp;<\/p>\n\n\n\n<p>The widget settings can be adjusted according to your needs.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-widget-settings.webp\" alt=\"date range filter widget settings\" class=\"wp-image-43772\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-widget-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-widget-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-widget-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-widget-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-widget-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-widget-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Under that, we placed the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a> widget with the chosen <strong>Listing<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-with-the-listing-grid-on-the-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-with-the-listing-grid-on-the-page.webp\" alt=\"date range filter with the listing grid on the page\" class=\"wp-image-43773\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-with-the-listing-grid-on-the-page.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-with-the-listing-grid-on-the-page-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-with-the-listing-grid-on-the-page-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-with-the-listing-grid-on-the-page-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-with-the-listing-grid-on-the-page-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/date-range-filter-with-the-listing-grid-on-the-page-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After that, we saved the page settings and opened the page on the front end.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-the-results\">Check the Results<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>On the front end, we will show how different <strong>Date Range<\/strong> filters work with different custom date ranges set.<\/p>\n\n\n\n<p>With the \u201c2024-02-15\u201d <strong>Minimum possible date to select<\/strong> and \u201c2024-02-25\u201d <strong>Maximum possible date to select<\/strong>, users can only select days within the specified time period from the filter\u2019s calendar.<\/p>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"581\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dates-available-to-select-in-the-date-range-filter.webp\" alt=\"dates available to select in the date range filter\" class=\"wp-image-43763\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dates-available-to-select-in-the-date-range-filter.webp 966w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dates-available-to-select-in-the-date-range-filter-300x180.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dates-available-to-select-in-the-date-range-filter-768x462.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dates-available-to-select-in-the-date-range-filter-600x361.webp 600w\" sizes=\"(max-width: 966px) 100vw, 966px\" \/><\/div>\n\n\n\n<p>With the \u201ccurrent &#8211; current &#8211; 1\u201d <strong>Minimum possible date to select<\/strong> and \u201ccurrent &#8211; current &#8211; 15\u201d <strong>Maximum possible date to select<\/strong>,the limit is the date period from 1st to 15th of the current month and year.<\/p>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"962\" height=\"582\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-date-range-available-to-select-in-the-filter.webp\" alt=\"current date range available to select in the filter\" class=\"wp-image-43766\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-date-range-available-to-select-in-the-filter.webp 962w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-date-range-available-to-select-in-the-filter-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-date-range-available-to-select-in-the-filter-768x465.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/current-date-range-available-to-select-in-the-filter-600x363.webp 600w\" sizes=\"(max-width: 962px) 100vw, 962px\" \/><\/div>\n\n\n\n<p>The tutorial was written on March 4th, so with the \u201ctoday &#8211; 3 days\u201d <strong>Minimum possible date to select<\/strong> and \u201ctoday + 3 days\u201d <strong>Maximum possible date to select<\/strong>,the limit is the date period from the 1st to the 7th of March.<\/p>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"962\" height=\"588\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/today-3-and-3-date-range-available-to-select-in-the-filter.webp\" alt=\"\" class=\"wp-image-43770\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/today-3-and-3-date-range-available-to-select-in-the-filter.webp 962w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/today-3-and-3-date-range-available-to-select-in-the-filter-300x183.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/today-3-and-3-date-range-available-to-select-in-the-filter-768x469.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/today-3-and-3-date-range-available-to-select-in-the-filter-600x367.webp 600w\" sizes=\"(max-width: 962px) 100vw, 962px\" \/><\/div>\n\n\n\n<p>Finally, let\u2019s check how the filter works. We set the date range from the 1st to the 7th of March and hit the \u201c<strong>Apply<\/strong>\u201d button. As a result, only one event was shown, which happened on the 1st of March.<\/p>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"973\" height=\"578\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/checking-filter-with-custom-date-range.webp\" alt=\"checking filter with custom date range\" class=\"wp-image-43764\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/checking-filter-with-custom-date-range.webp 973w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/checking-filter-with-custom-date-range-300x178.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/checking-filter-with-custom-date-range-768x456.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/checking-filter-with-custom-date-range-600x356.webp 600w\" sizes=\"(max-width: 973px) 100vw, 973px\" \/><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all. Now you know how to enable filtering content by the custom date range for the <strong>Date Period<\/strong> and <strong>Date Range<\/strong> filters of the <em>JetSmartFilters<\/em> WordPress plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial explains how to set date limits for users to filter with the custom date range for the Date Period and Date Range filters of the JetSmartFilters WordPress plugin.<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[421],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Filter Posts by Limited Date Range \u2013 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to empower users with precise date filtering using the custom date range feature of the JetSmartFilters WordPress plugin. Set date limits for refined searches across e-commerce, event calendars, travel bookings, etc.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Filter Posts by Limited Date Range \u2013 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to empower users with precise date filtering using the custom date range feature of the JetSmartFilters WordPress plugin. Set date limits for refined searches across e-commerce, event calendars, travel bookings, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-13T08:28:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/\",\"name\":\"How to Filter Posts by Limited Date Range \u2013 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-03-06T13:53:33+00:00\",\"dateModified\":\"2024-08-13T08:28:23+00:00\",\"description\":\"Learn how to empower users with precise date filtering using the custom date range feature of the JetSmartFilters WordPress plugin. Set date limits for refined searches across e-commerce, event calendars, travel bookings, etc.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Filter Posts by Custom Date Range\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Filter Posts by Limited Date Range \u2013 JetSmartFilters | Crocoblock","description":"Learn how to empower users with precise date filtering using the custom date range feature of the JetSmartFilters WordPress plugin. Set date limits for refined searches across e-commerce, event calendars, travel bookings, etc.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/","og_locale":"en_US","og_type":"article","og_title":"How to Filter Posts by Limited Date Range \u2013 JetSmartFilters | Crocoblock","og_description":"Learn how to empower users with precise date filtering using the custom date range feature of the JetSmartFilters WordPress plugin. Set date limits for refined searches across e-commerce, event calendars, travel bookings, etc.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/","og_site_name":"Help Center","article_modified_time":"2024-08-13T08:28:23+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/events-custom-post-type.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/","name":"How to Filter Posts by Limited Date Range \u2013 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-03-06T13:53:33+00:00","dateModified":"2024-08-13T08:28:23+00:00","description":"Learn how to empower users with precise date filtering using the custom date range feature of the JetSmartFilters WordPress plugin. Set date limits for refined searches across e-commerce, event calendars, travel bookings, etc.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Filter Posts by Custom Date Range"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/43651"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=43651"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=43651"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=43651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}