# Hide an item after or before a certain time in Webflow Tutorial3 minPublished on Mar 20, 2023Updated on ![WEBFLOW TUTORIAL](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711831a272fe97daa11e5b4_64760069e93084646c9ef158_62d28bd8755658adbcd0b5cd_Open-Graph-webflow-cursor.webp)Table of contents [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Use AI to summarize this article[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Key pointsWebflow is an incredibly useful tool for creating dynamic pages and/or sections. Its back-office allows you to create fully customized collections. This means you can build dynamic sections for team members, blog posts, customer reviews, events, and much more. In your collection items, you might use dates to sort their order of appearance. Did you know it’s also possible to **filter your items using a date field and thus hide them before or after a specific day?** Today, we will show you how to accomplish this in Webflow! ## Step 1: Add a date field to your collection If you want to have complete control over the appearance and disappearance of your items, we recommend adding a date field to the collection you wish to filter. ![adding date field to the Webflow collection](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67126794c83f04c8e2620b6e_64760069e93084646c9eecc4_62d1388b7f347f6609adc27e_champ-date-collection-webflow.webp) ## Step 2: Add a filter to your collection We will now select our collection on the page. You can choose one of the following three elements (Collection List Wrapper, Collection List, or Collection Item). Next, we will go to the settings of our element to add a new filter. We will add a filter based on our date field. In our case, we have created a collection with start and end date fields for events. We want to hide items whose event end date has passed. Therefore, we will create a filter based on this date field. Then, we select the filter option "**Is after or equal to...**" instead of "Is set". We will then set the date parameters. To make the filter apply to the **current date**, we choose "**0 days**". We can leave "in the past" as it is (this field does not matter if the filter is set to the current date; otherwise, you can customize the timeframe after the item is deleted). ![date filter in Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67126794c83f04c8e2620b75_64760069e93084646c9eecc8_62d1389e6ad3f2a5f3059049_filtre-date-after-today-item-webflow.webp) We save our filter, and now we only see items that have an end date in the future. ![hide item filter date in Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67126794c83f04c8e2620b72_64760069e93084646c9eecc3_62d138a96ad3f28aea059fa5_hide-item-date-after-today-item-webflow.webp) If we had wanted to do the opposite, we could have chosen the filtering option "**Is before or equal to...**". In this case, we would have hidden all items whose end date is in the future. That's it! You just need to repeat the process and adapt it to your needs in your Webflow project! To learn more about Webflow, here’s a link to our [NoCode Training Pre-Registration](https://academie.digidop.fr/formulaire-pre-inscription)! [ ](#)![Thibaut Legrand](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a47ec4cabceb0d6aa7c2e_thibaut-website%20(1).webp)Thibaut LegrandCofounder at Vydera & Technical Solutions Architect[ ](/team/thibaut-legrand)[ ](https://www.linkedin.com/in/thibaut-legrand-digidop/)[ ](https://twitter.com/lgd_thibaut)+1200 readers ## Stay ahead of the curve! Subscribe now for expert insights. [Subscribe ](https://digidop.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Preview Newsletter ](https://digidop.substack.com/) ## Suggested articles ![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab922fa556f97c19ea7db9a_Best%20B2B%20SaaS%20Agencies%20in%202026_EN.webp)DocumentationAll blog post ### Top 20 Web & Digital Agencies for B2B SaaS in 2026 [Top 20 Web & Digital Agencies for B2B SaaS in 2026](/blog/best-b2b-saas-agencies)Top 20 Web & Digital Agencies for B2B SaaS in 2026![Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDevelopmentAll blog post ### Webflow launches Source. Our take on this shift. [Webflow launches Source. Our take on this shift.](/blog/webflow-launches-source)Webflow launches Source. Our take on this shift.![Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationAIAll blog post ### Make Your Website Visible in ChatGPT, Perplexity, and AI Answers [Make Your Website Visible in ChatGPT, Perplexity, and AI Answers](/blog/make-your-website-visible-in-chatgpt-perplexity-and-ai-answers)Make Your Website Visible in ChatGPT, Perplexity, and AI Answers[See all articles ](/blog)Every great website   starts with a conversation[Talk to an expert ](/contact)[Book a call ](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)