You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* add harmony system detection support ([#317](https://github.com/arco-design/arco-design-mobile/issues/317)) ([105f459](https://github.com/arco-design/arco-design-mobile/commit/105f45941317c6044aaf0f2f284ca48e630dfc08))
14
+
15
+
16
+
### Features
17
+
18
+
*`DatePicker` add date range picker ([#323](https://github.com/arco-design/arco-design-mobile/issues/323)) ([d02357c](https://github.com/arco-design/arco-design-mobile/commit/d02357cdf6ed43e102c0827937f8ea8396bfb8ae))
|currentTs|The currently selected time, timestamp|number\|\[number, number\]|Date.now()|
15
+
|onChange|Callback when value is changed|(timestamp: number\|\[number, number\], obj: IDateObj\|\[IDateObj, IDateObj\]) =\> void|-|
16
16
|onValueChange|The callback function after each column data selection changes|(timestamp: number, obj: IDateObj, index: number) =\> void|-|
17
17
|mode|Optional column type, date means year, month and day, time means hour, minute and second, datetime means year, month, day, hour, minute and second|"date" \| "time" \| "datetime"|"datetime"|
18
18
|typeArr|optional column list|ItemType\[\]|[]|
19
-
|minTs|Minimum selectable date, timestamp|number|10 years ago from the current time|
20
-
|maxTs|Maximum selectable date, timestamp|number|Next decade from current time|
19
+
|minTs|Minimum selectable date, timestamp|number\|\{ startTs: number; endTs: number; \}|10 years ago from the current time|
20
+
|maxTs|Maximum selectable date, timestamp|number\|\{ startTs: number; endTs: number; \}|Next decade from current time|
21
21
|useUTC|Whether to use UTC|boolean|false|
22
+
|rangeItemFormat|Time range picker display format|string|-|
22
23
|formatter|The formatting method of each optional item, the parameter type is ItemTypes, the parameter value is the value of the current row, and the displayed text is returned\.|(value: number, type: ItemType) =\> string|(value: number) => (value < 10 ? \`0${value}\` : String(value))|
23
24
|valueFilter|Row filtering method, the parameter type is ItemType, the parameter value is the value of the current row, and returns true to indicate that the row can be selected|(type: ItemType, value: number) =\> boolean|() => true|
24
25
|columnsProcessor|Selector list item intervention to insert custom options\.|(columns: PickerData\[\]\[\], currentDateObj: IDateObj) =\> PickerData\[\]\[\]|-|
25
-
|renderLinkedContainer|Associate the hidden state of the picker and the display of the selected value with a container\. After passing it in, the container and the picker component will be rendered at the same time\. At this time, the visible and onHide attributes of the picker component are optional values\. Clicking the container will evoke the picker|(currentTs: number, itemTypes: ItemType\[\]) =\> ReactNode|-|
|renderLinkedContainer|Associate the hidden state of the picker and the display of the selected value with a container\. After passing it in, the container and the picker component will be rendered at the same time\. At this time, the visible and onHide attributes of the picker component are optional values\. Clicking the container will evoke the picker|(currentTs: number \|\[number, number\], itemTypes: ItemType\[\]) =\> ReactNode|-|
26
28
|visible|whether to show the picker|boolean|false|
27
29
|maskClosable|Whether to click the mask to close the menu|boolean|false|
28
30
|needBottomOffset|Whether the content of the menu that slides out from the bottom fits the bottom of ipx|boolean|false|
@@ -59,6 +61,7 @@ Date picker, based on the `Picker` component, supports the specified range, the
59
61
|hideEmptyCols|Whether to hide empty columns without data, often used for cascading selection|boolean|false|
60
62
|title|Picker title|string|""|
61
63
|touchToStop|Whether to stop sliding by long\-pressing, inputing in the number x means that the touch exceeds x milliseconds to count as long\-pressing, inputing true means that x=100, the long\-press event and the click event are mutually exclusive|number \| boolean|false|
64
+
|renderExtraHeader|Define the area of extra header|() =\> ReactNode|-|
"description": "将选择器的展现隐藏状态及选中值的展示与某个容器关联，传入后将同时渲染该容器和选择器组件，此时选择器组件的 visible 和 onHide 属性可不传，点击该容器会唤起选择器\n@en Associate the hidden state of the picker and the display of the selected value with a container. After passing it in, the container and the picker component will be rendered at the same time. At this time, the visible and onHide attributes of the picker component are optional values. Clicking the container will evoke the picker",
0 commit comments