How to use date filter web part in SharePoint Online/2013/2016

In this SharePoint tutorial, we will discuss on SharePoint date filter web part. How we can configure and use date filter web part SharePoint 2013/2016/Online. Here I will show you how to filter list data by using a date field in SharePoint Online.

SharePoint date filter web part

Here I have a SharePoint Online task list and I will use a date filter to filter records from the SharePoint list. From this SharePoint list filter example, I will use a SharePoint 2016 list.

Step-1:-

Below is my SharePoint 2016 task list which has few items.

date filter web part in SharePoint
date filter web part in SharePoint

Step-2:-

Now we will add a web part to a web part page in SharePoint 2016. In that web part page, we will add a date filter web part.

Step-3:-

Click on Add a web part link in the web part page in SharePoint. Then choose “Date Filter” web part from Filters web part categories.

sharepoint date filter web part
sharepoint date filter web part

Step-4:-

You can see the Date Filter web part in the web part page like below:

 Date Filter Web Part example in SharePoint online
Date Filter Web Part example in SharePoint online

Step-5:-

Now in the same web part page, we will add our SharePoint task list like below:

date filter web part sharepoint 2016
Date Filter Web Part examples in SharePoint 2016

Step-6:-

Now if you can see our task list and date filter web part in the same web part page in SharePoint 2016.

date filter web part sharepoint online
date filter web part sharepoint online

Step-7:-

Now we can make the connection. From edit option of the Date Filter web part, click on Connections -> Send Filter Values To and then choose the task list, here it is EmployeeTaskList like below:

sharepoint date filter web part
sharepoint date filter web part

Step-8:-

Then in the Connection Type Choose Get Filter Values From like below:

date filter web part sharepoint online
date filter web part sharepoint online

Step-9:-

Then choose Due Date from SharePoint list column, here I have chosen Due Date column from SharePoint task list.

date filter web part sharepoint 2013
date filter web part sharepoint 2013

Step-10:-

Now you can see here, I have chosen a Date from the Date Filter like below, and it filters the record based on the due date and shows records like below:

sharepoint date filter web part
sharepoint date filter web part

You may also like following SharePoint web part tutorials:

Conclusion

In this post, we have discussed how to use the SharePoint date filter web part in SharePoint Online or SharePoint 2016/2013. We have shown how we can filter records of a SharePoint task list.

>