NeatAndCleanCalendarEvent如何移除起止时间并自定义日历事件

组件进一步自定义方法 #

• 基础样式自定义：组件内置了全量的样式配置入参，初始化组件时直接传入对应参数即可覆盖默认样式，可调整项包括：头部星期栏文字样式、日期选中态颜色、今日标记样式、事件标记点的大小/颜色、月份切换动效、事件列表的内边距/文字样式等，无需修改源码即可满足绝大多数常规定制需求。
• 交互逻辑自定义：通过组件暴露的生命周期回调可自定义全链路交互，包括日期点击响应、月份/周视图切换回调、事件点击/长按回调，可直接在回调中接入自身业务逻辑，比如弹出事件编辑框、跳转事件详情页、添加选中日期的快捷操作入口等。
• 深度定制：如果内置配置无法满足需求，可直接拉取组件源码做二次开发。该组件渲染层耦合度低，日期单元格、事件条目、头部栏都是独立的封装组件，可直接修改对应渲染代码，实现农历显示、节假日标记、多事件折叠展开、自定义排班视图这类特殊效果。

移除事件开始/结束时间显示的方法 #

你贴出的NeatCleanCalendarEvent模型中的startTime、endTime是组件做事件日期匹配、同天事件排序的核心依赖字段，不要直接删除这两个字段，否则会导致事件无法关联到对应日期、排序逻辑错乱。隐藏时间显示可按以下方式实现：

• 全局隐藏（优先选择）：组件自带时间显示开关配置，初始化组件时传入showEventTime: false即可全局关闭所有事件条目的起止时间渲染，不需要修改事件数据和源码，示例代码如下：

NeatAndCleanCalendar(
  // 其余业务配置参数
  showEventTime: false,
  events: yourEventList,
  onEventTap: (event) => {/* 你的事件点击逻辑 */},
)

• 局部隐藏：如果只需要隐藏特定事件的时间显示，可做两步修改：
  • 扩展NeatCleanCalendarEvent类，新增一个bool hideEventTime属性，默认值设为false
  • 找到组件源码中渲染事件条目的方法，在渲染时间文本的逻辑前加判断：如果当前事件的hideEventTime为true，就跳过时间文本组件的渲染
• 全天事件适配：如果不需要显示时间的是全天类事件，直接给对应事件设置isAllDay: true即可，组件默认会给全天事件隐藏具体起止时间，显示“全天”标记，你也可以通过配置参数修改全天事件的显示文本。

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