Sfoglia il codice sorgente

feat(patient->register): set default value of today for birthday datepicker on registration page

sw 1 mese fa
parent
commit
f89ffcae3f
3 ha cambiato i file con 18 aggiunte e 1 eliminazioni
  1. 9 0
      package-lock.json
  2. 1 0
      package.json
  3. 8 1
      src/pages/patient/components/register.form.tsx

+ 9 - 0
package-lock.json

@@ -35,6 +35,7 @@
         "dayjs": "^1.11.13",
         "dicomweb-client": "0.10.4",
         "mitt": "^3.0.1",
+        "moment": "^2.30.1",
         "mqtt": "^5.14.0",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
@@ -19528,6 +19529,14 @@
       "resolved": "https://registry.npmjs.org/mobile-detect/-/mobile-detect-1.4.5.tgz",
       "integrity": "sha512-yc0LhH6tItlvfLBugVUEtgawwFU2sIe+cSdmRJJCTMZ5GEJyLxNyC/NIOAOGk67Fa8GNpOttO3Xz/1bHpXFD/g=="
     },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/mqtt": {
       "version": "5.14.0",
       "resolved": "https://registry.npmjs.org/mqtt/-/mqtt-5.14.0.tgz",

+ 1 - 0
package.json

@@ -73,6 +73,7 @@
     "dayjs": "^1.11.13",
     "dicomweb-client": "0.10.4",
     "mitt": "^3.0.1",
+    "moment": "^2.30.1",
     "mqtt": "^5.14.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",

+ 8 - 1
src/pages/patient/components/register.form.tsx

@@ -11,6 +11,7 @@ import {
 import { useIntl, FormattedMessage } from 'react-intl';
 import { registerFormFields } from '@/validation/patient/registerSchema';
 import NumberWithUnit from '@/components/NumberWithUnit';
+import moment from 'moment';
 
 const genderOptions = [
   {
@@ -68,6 +69,8 @@ interface BasicInfoFormProps {
   form?: FormInstance;
 }
 const BasicInfoForm: React.FC<BasicInfoFormProps> = ({ style, form }) => {
+  // 或者使用moment获取今天的日期
+  const todayMoment = moment();
   const patient_age = Form.useWatch('patient_age', form);
   React.useEffect(() => {
     console.log('patient_age 变化了:', patient_age); // 每次 NumberWithUnit onChange 都会触发
@@ -194,7 +197,11 @@ const BasicInfoForm: React.FC<BasicInfoFormProps> = ({ style, form }) => {
         validateTrigger={registerFormFields.patient_dob.trigger}
         rules={registerFormFields.patient_dob.validation}
       >
-        <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} />
+        <DatePicker
+          format="YYYY-MM-DD"
+          defaultValue={todayMoment}
+          style={{ width: '100%' }}
+        />
       </Form.Item>
       <Form.Item
         label={