Kaynağa Gözat

docs: add datepicker defaultPickerValue demo

pointhalo 3 yıl önce
ebeveyn
işleme
ca2a0a6c1d
1 değiştirilmiş dosya ile 13 ekleme ve 2 silme
  1. 13 2
      content/input/datepicker/index.md

+ 13 - 2
content/input/datepicker/index.md

@@ -114,13 +114,24 @@ import { DatePicker } from '@douyinfe/semi-ui';
 
 ### 日期范围时间选择
 
-将 `type` 设定为 `dateTimeRange`, 可以选择日期时间范围
+将 `type` 设定为 `dateTimeRange`, 可以选择日期时间范围  
+当未传入 defaultValue 或 value时,底部面板默认时间为当前时间。如果你有特殊需求(如指定默认时分秒),可以通过 defaultPickerValue 指定
 
 ```jsx live=true
 import React from 'react';
 import { DatePicker } from '@douyinfe/semi-ui';
 
-() => <DatePicker type="dateTimeRange" style={{ width: 380 }} onChange={console.log} />;
+() => (
+    <>
+        <DatePicker type="dateTimeRange" style={{ width: 380, marginBottom: 8 }} onChange={console.log} />
+        <DatePicker
+            type="dateTimeRange"
+            style={{ width: 380 }}
+            defaultPickerValue={[new Date('2022-08-08 00:00'), new Date('2022-08-09 12:00')]}
+            onChange={console.log}
+        />
+    </>
+);
 ```
 
 ### 同步切换双面板月份