SharePoint 2010 列表日期区间筛选 -- 金大昊(jindahao)

需求:
用时间区间(开始时间,结束时间)来筛选类表。
效果:
注意目标操作如下

最后实现效果如下

具体实现步骤:

Setting up multiple date filters to filter a list by a date range is possible out of the box in SharePoint 2010.

Using date filter web parts to send values to a lists parameters we can get the list to filter by a date range.

Setting this up is rather simple...

In your browser create a new page and add your populated list to it via the web parts options on the ribbons. For this example I'm just going to use my tasks list.

On the same page add a date filter webpart

2011-08-17-ListFilterByDate-01.jpg

 

From the arrow drop down that appears when you hover over the new date filter web part, select edit web part.

2011-08-17-ListFilterByDate-02.jpg

In the options pane that appears, change the Filter name to 'Start Date', and change the default value to 'offset from today : 30 days : Before today'. Then click ok.

2011-08-17-ListFilterByDate-03.jpg

Underneath that, add another date filter and change its filter name to 'End date', and change the default value to 'offset from today : 0 days : After today'. Then click ok.

2011-08-17-ListFilterByDate-04.jpg

Now save the page in your browser, then open the page up in SharePoint designer (SPD) - in design view.

2011-08-17-ListFilterByDate-05.jpg

Once opened in SPD, click on the list web part to select it, then in the ribbon click on the list view tools > options > parameters icon.

2011-08-17-ListFilterByDate-06.jpg

Add two new parameters, one called 'startdate' and another called 'enddate. Leave the parameter sources and default values as default and click ok when done.

2011-08-17-ListFilterByDate-07.jpg

The parameters on the list allow us a point for our date filters to pass their values to. Now we need to set up the connections between the list and the date filters.

Right click on the start date filter and click add connection. In the dialog that pops up change the dropdown value to 'Send filter values to', click next.

2011-08-17-ListFilterByDate-08.jpg

Ensure that 'connect to a web part on this page' is selected in the next dialog and click next.

2011-08-17-ListFilterByDate-09.jpg

Change the target action in the next dialog to 'Get parameters from' and click next.

2011-08-17-ListFilterByDate-10.jpg

In the next dialog, select 'Start Date' from the first box, and 'Startdate' from the second box and click next. Then click finish.

2011-08-17-ListFilterByDate-11.jpg

Go through the same process with the second date filter, but in the final step select 'End date' and 'Enddate' from the boxes.

2011-08-17-ListFilterByDate-12.jpg

Now we have our date filters feeding the list with its values but we still have to set up the filter on the list.

Click the list web part to select it, then in the ribbon click on the list view tools > options > filters icon.

2011-08-17-ListFilterByDate-13.jpg

The filter criteria box will popup. First add a rule 'Created > Greater than or equal to > [Start date]'.

2011-08-17-ListFilterByDate-14.jpg

Then add another clause 'Created > Less than or equal to > [Enddate]'. Click ok.

2011-08-17-ListFilterByDate-15.jpg

Now save the page and open it back up in your browser.

It will, by default, show all tasks created in the last seven days thanks to the default setting of the start date filter. Changing these filter will filter the list according to the date ranges set.

2011-08-17-ListFilterByDate-16.jpg

 

引用自:https://www.nothingbutsharepoint.com/sites/eusp/Pages/SharePoint-List-filtering-by-date-range.aspx

 

 

 

 

努力过就不会后悔

 

posted @ 2012-04-06 08:14  jindahao  阅读(751)  评论(0编辑  收藏  举报