DatePicker 日期选择器
用于选择某一具体日期或某一段日期区间。
使用场景
当需要输入日期时；
当需要输入一个日期区间时；
多用于表单中日期输入，或数据筛选条件中进行日期条件输入时
当前常用于查询订单历史记录，资产资金记录、盈亏分析等数据筛选中使用
选择时间点
具体时间，天，周，月，季度，年的筛选
选择时间段
具体时间-时间，天-天，周-周，月-月，季度-季度，年-年
快捷选择
今天，昨天，最近三天，最近7天，最近15天的快捷标签范围筛选
注意示例
Start date
End date
资金记录
推荐
2023-05-16
2023-05-16
May
2023
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
June
2023
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
Last 7 days
Last 3 days
Yesterday
Today
推荐
May
2023
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
00:00:00
00
01
02
03
04
05
06
00
00
01
02
03
04
05
06
00
00
01
02
03
04
05
06
00
2023-05-16 00:00:00
2023-05-20 00:00:00
推荐
Start date
End date
资金记录
慎用
2023-05-16
2023-05-16
May
2023
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
June
2023
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
Last 7 days bills
Last 3 days bills
Yesterday bills
Today bills
慎用
May
2023
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
June
2023
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
00:00:00
00
01
02
03
04
05
06
00
00
01
02
03
04
05
06
00
00
01
02
03
04
05
06
00
2023-05-16 00:00:00
2023-05-20 00:00:00
慎用
日期选择器的位置常规应当在页面或模块的头部，而非底部，筛选数据范围的行为应当在表头进行，表单对应产生变化
当配置快捷筛选文案时，文案配置应当注意语义简介，避免数据维度意外的识别符合
当使用date range时，避免在date range筛选器内出现时间筛选，避免让用户迷惑选择的是哪一天的具体时间