Przeglądaj źródła

docs: update DatePicker FAQ

shijia.me 2 lat temu
rodzic
commit
6fac5b9ac3

+ 9 - 1
content/input/datepicker/index-en-US.md

@@ -1000,4 +1000,12 @@ Multiple dates or times are used by default `","` (English comma) separated.
 
 - **Date time selection, range date selection, after inputting some dates, the panel does not echo the date?**
 
-     The input box needs to be entered completely before it is showed to the panel. For example, for `dateTime` type, the full requested date and time have been entered. For `dateRange` type, full requires start and end dates to be entered.
+     The input box needs to be entered completely before it is showed to the panel. For example, for `dateTime` type, the full requested date and time have been entered. For `dateRange` type, full requires start and end dates to be entered.
+
+- **What is the displayed time at the bottom of the date time selection panel?**
+
+    When no time is selected, it is the value of the time in `defaultPickerValue`, if not set it is the time when the panel was opened. After selecting a time, it is the selected time.
+
+    Since it has two hidden meanings in design, which may lead to ambiguity, it is recommended to use inline styles and open them through `insetInput`. It is recommended to read the relevant <a href="#input-in-panel">Documentation</a> before use.
+    
+    <Image src="https://lf9-static.semi.design/obj/semi-tos/images/a0d68960-bccf-11ed-84ab-fbdf4dc2eb57.png" width={600} />

+ 9 - 1
content/input/datepicker/index.md

@@ -971,4 +971,12 @@ semi-ui 组件库中采用 [date-fns(v2.9.0)](https://date-fns.org/v2.9.0/docs/G
 
 - **日期时间选择、范围日期选择,输入部分日期后,面板没有回显日期?**
 
-    输入框需要输入完整后才会回显到面板上。比如,日期时间选择,完整要求日期和时间都已输入。范围日期选择,完整要求开始日期和结束日期都已输入。
+    输入框需要输入完整后才会回显到面板上。比如,日期时间选择,完整要求日期和时间都已输入。范围日期选择,完整要求开始日期和结束日期都已输入。
+
+- **日期时间选择面板底部的展示的时间是什么?**
+
+    未选择时间时,它为 defaultPickerValue 中时间的值,如果没有设置则是面板打开时的时间。选择时间后,它为已选择的时间。
+
+    由于设计上它有隐含两层含义,可能会导致歧义,建议使用内嵌样式,通过 `insetInput` 打开。使用前推荐阅读相关 <a href="#内嵌输入框">文档</a>。
+
+    <Image src="https://lf6-static.semi.design/obj/semi-tos/images/9c9e8500-bccf-11ed-a8cf-bfecde588f0d.png" width={600} />