EventCalendar 项目中 addEvent 方法时区问题解析与修复

问题背景

在 EventCalendar 项目（一个流行的日历组件库）中，开发者发现了一个关于事件创建时时间处理的严重问题。当使用 ec.addEvent() 方法创建新日历时，传入的时间参数会被错误地应用时区偏移，导致创建的事件时间与预期不符。

问题现象

开发者通过以下步骤复现了这个问题：

1. 为日历组件配置了 select 回调函数
2. 在回调中使用 ec.addEvent() 方法创建新事件
3. 传入的时间范围是本地时区的下午3点到5点
4. 实际创建的事件却被偏移了8小时，变成了晚上11点到次日凌晨1点

技术分析

这个问题本质上是一个时区处理不当的问题。在JavaScript中，Date对象会自动处理时区转换，但日历组件在处理这些日期对象时，没有正确保持原始的时区信息。

具体表现为：

• 输入的时间对象（info.start/info.end）正确地保持了本地时区（GMT+8）
• 但通过addEvent方法创建的事件对象，其时间值被错误地转换为了UTC时间，然后又以本地时区显示，导致时间偏移

影响范围

这个问题会影响所有需要精确时间处理的场景，特别是：

• 跨时区的应用
• 需要精确到小时的事件安排
• 需要保持原始时间值不变的操作

解决方案

项目维护者在v3.9.0版本中修复了这个问题。修复后的版本能够正确处理时间对象的时区信息，确保：

• 输入的时间与创建的事件时间保持一致
• 不再出现意外的时区偏移
• 时间处理更加可靠和一致

最佳实践

为了避免类似的时间处理问题，开发者在使用日历组件时应该：

1. 明确了解应用所需的时区处理方式
2. 在关键操作前后检查时间对象的值
3. 保持组件版本的更新，以获取最新的修复和改进

总结

时间处理是日历组件的核心功能，正确处理时区问题对于保证用户体验至关重要。EventCalendar项目团队及时响应并修复了这个bug，体现了对产品质量的重视。开发者在使用时应该注意版本兼容性，并及时更新到修复版本。