如何在PnP Modern Search中配置搜索结果Web部件的日期格式

方法1：自定义Handlebars模板手动格式化日期 #

1. 打开搜索结果Web部件的配置面板，切换到模板选项卡。
2. 启用并进入自定义模板编辑模式，找到原本显示日期的代码片段（比如{{Modified}}或{{OWSModifiedDate}}）。
3. 替换为内置moment.js的格式化语法，指定目标格式：

   {{moment Modified "DD.MM.YYYY"}}
   

   若坚持使用OWSModifiedDate字段，写法为：

   {{moment OWSModifiedDate "DD.MM.YYYY"}}
   

4. 保存模板并应用配置，刷新页面即可看到14.10.2022格式的日期。

方法2：通过字段映射与内置格式化设置调整 #

1. 在配置面板的字段选项卡中，确认Modified或OWSModifiedDate已添加到返回字段列表。
2. 切换到模板选项卡：
   • 若使用预定义模板，点击日期字段对应的编辑按钮，选择自定义格式并输入DD.MM.YYYY。
   • 若预定义模板无法直接修改，需切换到自定义模板模式后按方法1操作。

排查要点 #

• 若OWSModifiedDate不生效，大概率是该字段未被正确索引，优先改用默认包含的Modified字段。
• 确保模板中引用的字段名称与返回字段列表中的名称完全一致（区分大小写）。
• 验证格式语法：DD为两位数日期、MM为两位数月份、YYYY为四位数年份，不要写错大小写。

内容的提问来源于stack exchange，提问作者Veronika Mischler