必须在需求描述阶段明确时间校验规则，如“结束时间必须晚于开始时间”，否则AI生成的表单无前端实时校验；补救方式包括追加指令或控制台注入JS代码实现双向校验。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在码上飞AI生成应用时，若需确保用户填写的「结束时间」不能早于「开始时间」，必须在需求描述阶段就明确校验逻辑，否则生成的表单将默认允许任意时间输入，导致业务数据出错。
需求输入阶段直接声明时间校验规则
在码上飞聊天框中输入需求时，把时间顺序约束写进原始描述，例如：“开发一个会议预约系统，包含开始时间与结束时间两个日期时间选择器，【必须强制校验结束时间晚于开始时间，提交时若不满足则弹出红色提示‘结束时间不能早于开始时间’并阻止提交】。”
这一步最关键——AI会据此生成带前端实时校验的表单组件，而非仅靠后端拦截。
AI输出后追加校验指令（补救用）
方法一：在AI首次返回方案后，立即发送新指令：“请为所有含‘开始时间’和‘结束时间’字段的表单，添加双向实时校验：当用户修改任一时间时，自动比对二者，若结束时间≤开始时间，则禁用提交按钮，并在结束时间输入框下方显示红色错误文案。”
方法二：若已进入预览环节，点击右上角「设置」→「开发调试模式」→打开控制台，在Console中粘贴以下JS片段并回车（仅限临时验证）：document.querySelectorAll("input[type='datetime-local']").forEach(i=>i.addEventListener("change",()=>{const s=document.querySelector("[name='startTime']"),e=document.querySelector("[name='endTime']");if(s.value&&e.value&&new Date(e.value)
注意：该脚本仅在当前页面生效，刷新即失效，不可用于正式部署。
导出源码后手动加固校验逻辑
第一步：在应用详情页点击「下载源码」→解压ZIP包→用VS Code打开。
第二步：搜索文件中所有包含 type="datetime-local" 的HTML片段，定位到对应表单的Vue或React组件文件。
第三步：在组件的 data 或 useState 中确认已定义 startTime 和 endTime 两个响应式字段。
第四步：在提交事件处理函数开头插入判断逻辑：if (new Date(this.endTime)
第五步：为提升体验，在结束时间输入框绑定 @change 事件，实时触发校验并更新错误提示状态，避免用户填完所有字段才被告知失败。
