Explorar o código

我的任务提交自定义表单时校验

wyn hai 4 meses
pai
achega
9305608e20
Modificáronse 1 ficheiros con 22 adicións e 0 borrados
  1. 22 0
      src/components/MyTask.tsx

+ 22 - 0
src/components/MyTask.tsx

@@ -337,6 +337,28 @@ export default function MyTask() {
             </AntdForm.Item>
           </div>
         );
+      case 'datetime':
+        return (
+          <div key={field.id} style={spanStyle}>
+            <AntdForm.Item
+              label={(field.label || field.title || '') + (formConfig.labelSuffix || '')}
+              name={field.name || field.field}
+              required={field.required && !formConfig.hideRequiredMark}
+              rules={field.required ? [{ required: true, message: field.requiredMessage || '请选择日期时间' }] : []}
+              help={field.hint}
+            >
+              <DatePicker 
+                style={{ width: '100%' }} 
+                placeholder={typeof field.placeholder === 'string' ? field.placeholder : '请选择日期时间'}
+                allowClear={field.showClear}
+                showTime={{ format: 'HH:mm:ss' }}
+                format="YYYY-MM-DD HH:mm:ss"
+                disabled={field.disabled}
+                size={field.size || 'middle'}
+              />
+            </AntdForm.Item>
+          </div>
+        );
       case 'switch':
         return (
           <div key={field.id} style={spanStyle}>