指定slotLabelFormat属性时p:schedule组件无法渲染问题求助

PrimeFaces 13中的p:schedule组件，slotLabelFormat属性用于设置时间段内的显示文本，格式需遵循Moment.js规范，但无论指定何种格式值，组件均无法正常渲染，甚至官方展示示例也存在该问题。以下是可行的解决思路：

• 核对依赖版本兼容性：p:schedule基于FullCalendar实现，若项目中Moment.js版本与PrimeFaces 13依赖的版本不匹配，会导致格式解析失败。确认项目引入的Moment.js版本与PrimeFaces 13要求的版本一致，必要时替换为兼容版本。
• 换用适配的格式字符串：部分场景下，PrimeFaces 13的Schedule底层实际使用date-fns而非Moment.js，可尝试采用date-fns的格式规则编写slotLabelFormat的值，优先使用HH:mm这类通用格式，避免Moment.js独有的语法。
• 临时绕过属性限制：若需快速解决问题，可暂时不使用slotLabelFormat属性，通过JavaScript手动修改时间段标签。示例代码如下：

  document.addEventListener('DOMContentLoaded', () => {
      document.querySelectorAll('.fc-slot-label').forEach(label => {
          // 根据需求自定义时间格式转换逻辑
          const originalTime = label.textContent.trim();
          label.textContent = originalTime; // 替换为目标格式文本
      });
  });
  

• 升级PrimeFaces版本：该问题属于PrimeFaces 13的已知bug，升级至14及以上版本，官方已修复slotLabelFormat的解析问题。
• 手动修复组件代码：若无法升级版本，可找到PrimeFaces Schedule对应的JavaScript文件，定位到slotLabelFormat的处理逻辑，修正格式解析代码，确保参数能正确传递给底层FullCalendar组件。

内容的提问来源于stack exchange，提问作者Jorge Campins