Budibase日期选择器默认值设置的正确方式

在使用Budibase低代码平台开发应用时，日期选择器(Date Picker)组件是一个常用的表单元素。许多开发者会遇到设置默认值为当前日期的问题，特别是当尝试使用模板语法{{ date now }}时，可能会出现年份显示错误的情况。

问题现象

当开发者在Budibase的日期选择器组件中，将默认值设置为{{ date now }}时，组件预览中显示正确的当前日期，但在实际运行时却显示为2000年而非当前年份(如2025年)。这种不一致性会导致用户体验问题。

根本原因分析

这个问题源于对Budibase模板语法中日期处理函数的误解。在Budibase中：

1. now是一个内置变量，返回当前时间的JavaScript Date对象
2. date是一个辅助函数，用于格式化日期对象为特定字符串格式

当单独使用{{ date now }}时，实际上是在尝试将一个日期对象格式化为字符串，但没有提供格式参数。这种不完整的格式化操作导致了日期解析错误。

正确解决方案

要为日期选择器设置当前日期作为默认值，应该直接使用{{ now }}，而不是{{ date now }}。原因如下：

1. {{ now }}直接返回JavaScript Date对象，这是日期选择器组件期望的输入类型
2. 日期选择器组件内部已经处理了日期的显示格式，不需要额外格式化

最佳实践建议

1. 简单当前日期：使用{{ now }}作为默认值是最简单直接的方式
2. 特定格式需求：如果需要特定格式的日期显示，可以在显示层使用{{ date }}辅助函数，但保持默认值为Date对象
3. 时区考虑：Budibase的now变量默认使用服务器时区，如有跨时区需求，需要考虑时区转换

示例代码

// 正确的默认值设置
defaultValue: {{ now }}

// 显示格式化日期(在文本组件中)
{{ date now "YYYY-MM-DD" }}

通过理解Budibase中日期处理的机制，开发者可以避免这类显示问题，确保日期选择器组件在各种场景下都能正确工作。