zoukankan      html  css  js  c++  java
  • 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

     

     

     

     

    努力过就不会后悔

     

  • 相关阅读:
    WPS表格:统计有效性(即:设为下拉选择框) 及 统计总数
    windows11桌面开始菜单移到左边
    批量将 大量文件的文件名 更为 提前准备好的文件名(一行一个)
    用微信电脑版视频号进行直播(可播放本地视频、窗口画面)
    华为电脑管家、华为手机助手官方下载地址(手机助手app显示空白,可通过重装pc版助手解决)
    《新三国》1080P(89集全)下载
    idea 使用常见问题汇总
    npm切换源
    springboot 与 springcloud 版本匹配
    Nginx学习笔记
  • 原文地址:https://www.cnblogs.com/jindahao/p/2434015.html
Copyright © 2011-2022 走看看