请求实现SharePoint Online列表日期分组的超链接跳转功能

方法一：客户端脚本注入（快速实现） #

直接在列表页面注入脚本，给每个分组标题添加锚点跳转链接：

1. 打开你的「Grouped By Date」视图页面
2. 经典页面可直接添加脚本编辑器Web部件；现代页面需先在租户设置中启用自定义脚本，再通过SPFx扩展或自定义脚本工具注入以下代码：

document.addEventListener('DOMContentLoaded', () => {
    // 定位分组标题元素（经典版用.ms-gb，现代版可替换为.sp-list-groupHeader，需根据实际DOM调整）
    const groupHeaders = document.querySelectorAll('.ms-gb');
    
    groupHeaders.forEach((header, idx) => {
        const anchorId = `date-group-${idx}`;
        // 给分组容器添加锚点ID
        header.closest('.ms-gb-group').id = anchorId;
        
        // 创建跳转链接
        const link = document.createElement('a');
        link.href = `#${anchorId}`;
        link.textContent = header.textContent.trim();
        link.style.cssText = 'color:#0078d4; text-decoration:underline;';
        
        // 替换原标题为链接
        header.innerHTML = '';
        header.appendChild(link);
    });
});

3. 保存页面后刷新，即可看到每个日期分组标题变为可点击链接，点击直接跳转至对应分组位置。

注意事项 #

• 分组元素的类名可能因SharePoint版本、主题不同有差异，可通过浏览器开发者工具查看实际类名后调整选择器
• 现代页面不支持直接使用脚本编辑器Web部件，推荐用SPFx Application Customizer封装脚本，实现长期稳定复用

方法二：SPFx扩展（企业级复用方案） #

若需在多站点/列表复用该功能，推荐开发SPFx Application Customizer：

1. 创建SPFx项目，选择Application Customizer类型
2. 在onInit方法中添加类似上述脚本的DOM操作逻辑，定位分组标题并添加锚点链接
3. 将扩展部署到租户，绑定到目标列表的视图页面

内容的提问来源于stack exchange，提问作者Yannis Nikolaides