Angular应用向Firebase存数据报错：DCreationDate字段未定义

从你的报错信息ERROR Error: Reference.set failed: First argument contains undefined in property 'BFunctions.hallo.DCreationDate'可以直接定位核心问题：你要存入Firebase的DCreationDate字段对应的this.datum变量是**未定义（undefined）**的，而Firebase的写入API不允许传入undefined值，这就是触发验证错误的原因。

问题根源拆解 #

看你的组件代码，你仅在类中声明了datum变量，但从未给它赋值：

export class BusinessFunctionComponent implements OnInit {
  // ...其他变量
  datum; // 仅声明，无初始值或后续赋值
  // ...
}

在ngOnInit方法里，你初始化了jahr、monat、minute这些变量，但完全没处理datum，所以当调用fbPostData提交表单时，this.datum始终是undefined，导致Firebase的set()方法抛出验证异常。

两种可靠解决方案 #

你可以根据业务需求选择以下任意一种方案：

方案1：提交时生成当前客户端日期（简单直接）

修改fbPostData方法，在写入Firebase时直接生成当前日期，避免组件初始化后延迟提交导致日期不准确：

fbPostData(name,descr){
    // 生成标准ISO格式的日期字符串，方便后续解析
    const currentDate = new Date().toISOString();
    firebase.database().ref().child('/BFunctions/').child(name).set({
      AName: name,
      BDescr: descr,
      CFlag: 'active',
      DCreationDate: currentDate
    });
    this.name = '';
    this.descr = '';
}

方案2：使用Firebase服务器时间戳（精准统一）

如果需要确保日期是Firebase服务器的统一时间（避免用户本地时间偏差的场景），可以使用Firebase官方提供的ServerValue.TIMESTAMP：

fbPostData(name,descr){
    firebase.database().ref().child('/BFunctions/').child(name).set({
      AName: name,
      BDescr: descr,
      CFlag: 'active',
      // 存入服务器端的毫秒级时间戳，读取时可转换为Date对象
      DCreationDate: firebase.database.ServerValue.TIMESTAMP
    });
    this.name = '';
    this.descr = '';
}

额外优化建议

为了避免类似的未定义问题，建议给组件变量添加明确的类型声明，比如：

// 对应方案1的字符串类型
datum: string;
// 或者对应方案2的时间戳类型
datum: number;

验证修改效果 #

修改后重新提交表单，Firebase就能正常写入包含DCreationDate字段的数据，不会再抛出之前的验证错误。

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