# Attributes v2 List Filter - Date Range

**URL:** <https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978>\
**Category:** Attributes\
**Created:** [June 2, 2025, 7:07am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978 "2025-06-02T07:07:14Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![elliot.owen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/elliot.owen/32/4265_2.png) [@elliot.owen](https://forum.finsweet.com/u/elliot.owen)\
**Post date:** [June 2, 2025, 7:07am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/1 "2025-06-02T07:07:14Z")

</div>

Is it possible to filter list items according to a date range? I can find some documentation and discussion for Attributes V1, but not V2. I have tried using greater than ‘start-date’ and less than ‘end-date’ but no success. The filter does work if the specific date matches, but I have filters for ‘This Weekend’ and ‘This Month’ so need to match anything in between.

Most of the events I am filtering span multiple dates, from a few days to a few months so I need the results to show if any of the dates align.

> **[Whats On South Bank](https://south-bank-2-0.webflow.io/whats-on)**

---

<div class="post-metadata">

**Author:** ![Support-Pedro](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-pedro/32/6470_2.png) [@Support-Pedro](https://forum.finsweet.com/u/Support-Pedro)\
**Post date:** [June 6, 2025, 6:16pm UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/2 "2025-06-06T18:16:37Z")

</div>

Hi @elliot.owen!

Your List Filter setup is correct, but you have some elements from CMS Nest and v1, which isn’t compatible with List Filter v2. To fix this try using [List Nest](https://finsweet.com/attributes/list-nest) to nest the elements from the CMS items.

> **[List Nest - Nest more than 5 items and multiple collections in Webflow](https://finsweet.com/attributes/list-nest)**
>
> Option to have no limitations for Webflow CMS Nested Collections. Nest more than 5 items. Nest multiple Collections on a page.

Let me know if this works for you!

---

<div class="post-metadata">

**Author:** ![elliot.owen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/elliot.owen/32/4265_2.png) [@elliot.owen](https://forum.finsweet.com/u/elliot.owen)\
**Post date:** [June 10, 2025, 12:58am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/3 "2025-06-10T00:58:38Z")

</div>

Hi Pedro, I’m looking for help with or documentation on how to set up the ‘to’ and ‘from’ values for the date filter with V2. E.g. can I add them both to the same checkbox, and what are the correct names for these attributes? My checkbox is labelled ‘This Weekend’ so i need \> start date and \< end date to both be valid.

Re: V1 Nest, can you tell me where you saw this? I do not load the V1 script and have tried to remove any reference to it. FYI, the date attributes are not displayed using List Nest.

Thanks,  
Elliot

---

<div class="post-metadata">

**Author:** ![Support-Pedro](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-pedro/32/6470_2.png) [@Support-Pedro](https://forum.finsweet.com/u/Support-Pedro)\
**Post date:** [June 12, 2025, 12:40am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/4 "2025-06-12T00:40:36Z")

</div>

Hi @elliot.owen!

Unfortunately there isn’t a single checkbox feature that natively supports both a “from” and “to” date filters.  
But I can work in come custom code to achieve that for your project if you want.

And about CMS Nest, you have some attributes still there but you don’t have the v1 script so it’s no problem, if you want you can delete them.

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/1/15a9fc42626b8359eeac7f3f815b7731452abd32.jpeg)

---

<div class="post-metadata">

**Author:** ![Support-Pedro](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-pedro/32/6470_2.png) [@Support-Pedro](https://forum.finsweet.com/u/Support-Pedro)\
**Post date:** [June 12, 2025, 1:37am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/5 "2025-06-12T01:37:11Z")

</div>

I’m thinking on something like this:

### Combine into one checkbox + custom script

1. Use two separate hidden inputs:

2. Associate both inputs with the same field:

3. Use your checkbox labels as toggles, not filters.  
➤ Example: **“This Weekend”** checkbox toggles the date range into those hidden inputs.

4. **Add JavaScript** to:

Let me know if this helps!

Could you please add the dates to the events?

---

<div class="post-metadata">

**Author:** ![kash](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/kash/32/4427_2.png) [@kash](https://forum.finsweet.com/u/kash)\
**Post date:** [June 12, 2025, 9:38am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/6 "2025-06-12T09:38:49Z")

</div>

Hi Pedro,  
Is it possible to filter by date? I’m using input field with type = date.

---

<div class="post-metadata">

**Author:** ![Support-Pedro](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-pedro/32/6470_2.png) [@Support-Pedro](https://forum.finsweet.com/u/Support-Pedro)\
**Post date:** [June 12, 2025, 4:39pm UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/7 "2025-06-12T16:39:34Z")

</div>

Hi @kash!

Yess, you need to add `fs-list-fieldtype="date"` to your input element with `fs-list-field`.

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/6/6f1f6f33e6c9cb07e941e2e716369e3e8e7b92dc.png)

---

<div class="post-metadata">

**Author:** ![kash](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/kash/32/4427_2.png) [@kash](https://forum.finsweet.com/u/kash)\
**Post date:** [June 12, 2025, 11:23pm UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/8 "2025-06-12T23:23:57Z")

</div>

Thank you Pedro. I followed that but am still not getting a result when enter the date. Can you please check my read-only . Thank you for your help.

> **[Webflow - TamilEvents](https://preview.webflow.com/preview/tamilevents?utm_medium=preview_link&utm_source=designer&utm_content=tamilevents&preview=645b4632f0866a22af3cc208cc7092a6&pageId=68400876c1ca6915a8b506c1&locale=en&workflow=preview)**

---

<div class="post-metadata">

**Author:** ![elliot.owen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/elliot.owen/32/4265_2.png) [@elliot.owen](https://forum.finsweet.com/u/elliot.owen)\
**Post date:** [June 13, 2025, 4:49am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/9 "2025-06-13T04:49:46Z")

</div>

> [@Support-Pedro](#):
>
> `eventDate`

Hi Pedro, thanks for the assistance. I’ve made some changes and progress with the filter but don’t see that the ‘less-than’ operator is working with a date. To simplify the filter I have removed the start-date and just have a dynamic end date (today, tmrw, week, month) which is added to a radio button. The events are filtering if the date matches the end date, but not if it is less than (before) the end date. I have tried ‘fs-list-operator=less’ and ‘fs-list-operator=less-than’ and neither works. Does ‘fs-list-fieldtype=date’ treat the value as a number or a string?

 ![Screenshot 2025-06-13 at 2.48.10 PM](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/6/609b7f93c063d2a80a3619ef016586fa28340a75.png)

---

<div class="post-metadata">

**Author:** ![Support-Pedro](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-pedro/32/6470_2.png) [@Support-Pedro](https://forum.finsweet.com/u/Support-Pedro)\
**Post date:** [June 15, 2025, 10:59pm UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/11 "2025-06-15T22:59:04Z")

</div>

Hi @elliot.owen,

Yes, `fs-list-fieldtype="date"` treats the value as a string, so I think your solution will require custom code.

Also make sure to just add `fs-list-fieldtype="date"` to the input element using `fs-field-date`.

I hope this helps. Let me know how it goes or if you need any help!

---

<div class="post-metadata">

**Author:** ![elliot.owen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/elliot.owen/32/4265_2.png) [@elliot.owen](https://forum.finsweet.com/u/elliot.owen)\
**Post date:** [June 16, 2025, 1:20am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/12 "2025-06-16T01:20:08Z")

</div>

Hi Pedro, are you able to support with the custom code required? It seems dates are easy to compare using the Date object but I am wary of writing custom javascript that doesn’t work with the other filters on the page so need a solution that works with Attributes V2 and combines the filters.

---

<div class="post-metadata">

**Author:** ![Support-Pedro](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-pedro/32/6470_2.png) [@Support-Pedro](https://forum.finsweet.com/u/Support-Pedro)\
**Post date:** [June 17, 2025, 8:59pm UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/13 "2025-06-17T20:59:05Z")

</div>

Sure, it will take some time as it’s a complex solution, but I’ll see what I can do. Let me know if you make any progress!

---

<div class="post-metadata">

**Author:** ![Support-Pedro](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-pedro/32/6470_2.png) [@Support-Pedro](https://forum.finsweet.com/u/Support-Pedro)\
**Post date:** [July 1, 2025, 3:48am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/14 "2025-07-01T03:48:44Z")

</div>

HI @elliot.owen!

Do you still need this solution on your page? Please let me know

---

<div class="post-metadata">

**Author:** ![elliot.owen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/elliot.owen/32/4265_2.png) [@elliot.owen](https://forum.finsweet.com/u/elliot.owen)\
**Post date:** [July 2, 2025, 12:20am UTC](https://forum.finsweet.com/t/attributes-v2-list-filter-date-range/4978/15 "2025-07-02T00:20:26Z")

</div>

Hi Pedro, yes I would still appreciate help with date filtering as detailed above. We need to be able to filter by date range before and after, e.g. \> DD/MM/YYYY && \< DD/MM/YYY. Thanks.
