Display repeater items depending on date (only futur events)

Ask the community
,
1

Hello,
I would like to display items from a collection in a repeater depending on a date field in this collection.
I would like to display only items whose current date has not exceeded the item’s date field, which means only futur events (and not passed).

How can I do that?
Thank you

2

Hey
Connect a dataset to your repeater and make sure everything looks like you want it to be.

Then in the onReady function of your page write this

let today = new date();
$w("#YOURDATASETID").setFilter( wixData.filter() 
  .gt("your date field key here", today)
);

Then only records where the field which holds the date is greater than today will be shown. If you want greater than or equal use .ge instead of gt in the setFilter.

Hope this helps.

3

Thank you very much, it works very well :wink:

4

I have tried to apply this but I receive an error. The aim is to show all items in the repeater where the release date is passed or the same date as today. I used the .le function. However, the error I get is “ReferenceError: date is not defined” and highlighting that the error is in the line where the " let today = new date ();" is . So somehow I am missing something. Can anyone help?

I am very new to velo coding and have no knowledge of java whatsoever. So sorry if this may seem a stupid question.

My code is:

$w . onReady ( function () {

**let**  today  =  **new**  date (); 
$w ( " #db_Content " ) 
. setFilter (  wixData . filter ()  
. le ( " releaseDate " ,  today ) 
);

});

All help is appreciated.

5

Hi,

I’ve had the same issue where “today” seemed to be undefined in the debugger. The thing that fixed it for me is to set the date field in the CM to include time.