HTML/JS开发遇Uncaught ReferenceError: DateTime未定义，求引入方法

你代码里用到的DateTime并不是JavaScript原生提供的API，浏览器无法识别这个构造函数，所以会抛出ReferenceError错误。下面给你两种可行的解决办法：

方案一：使用原生JavaScript Date对象（推荐，无需额外依赖） #

原生JS处理时间用Date对象，要获取UTC时间字符串可以这样写：

// 获取UTC格式的时间字符串（示例："Mon, 20 May 2024 12:34:56 GMT"）
var now = new Date().toUTCString();

// 或者获取ISO 8601格式的UTC时间（更适合存入Firestore，示例："2024-05-20T12:34:56.789Z"）
var now = new Date().toISOString();

方案二：补充额外时间库（需本地引入） #

如果一定要用类似DateTime的语法（比如Luxon、Moment.js这类库的API），你需要把对应的库文件下载到本地项目中，再通过<script>标签引入，比如：

<!-- 假设你把luxon.js放在项目根目录下 -->
<script src="luxon.js"></script>
<script>
  var now = luxon.DateTime.utc().toString();
</script>

不过作为新手，优先推荐方案一，减少额外依赖，避免引入库带来的复杂度。

另外提醒你一个潜在问题：当前代码是页面加载时就直接获取DOM元素的值，如果页面还没完全加载完成，document.getElementById可能返回null，导致无法获取输入值。建议把代码放到DOM加载完成事件或表单提交事件中，比如：

document.addEventListener('DOMContentLoaded', function() {
  // 绑定表单提交事件
  document.querySelector('form').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止表单默认跳转行为
    const name = document.getElementById("name").value;
    const email = document.getElementById("email").value;
    const category = document.getElementById("categories").value;
    const message = document.getElementById("message").value;
    var now = new Date().toISOString();
    
    // 这里编写将数据写入Firestore的逻辑
  });
});

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