ant-design/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
2017-04-01 14:43:36 +08:00

3019 lines
104 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`RangePicker show month panel according to value 1`] = `
<div>
<div
class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft "
>
<div
class="ant-calendar-time ant-calendar ant-calendar-range"
tabindex="0"
>
<div
class="ant-calendar-panel"
>
<div
class="ant-calendar-date-panel"
>
<div
class="ant-calendar-range-part ant-calendar-range-left"
>
<div
class="ant-calendar-input-wrap"
>
<div
class="ant-calendar-date-input-wrap"
>
<input
class="ant-calendar-input "
placeholder="开始日期"
value="2000/01/01"
/>
</div>
</div>
<div
style="outline:none;"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative;"
>
<a
class="ant-calendar-prev-year-btn"
role="button"
title="上一年 (Control键加左方向键)"
/>
<a
class="ant-calendar-prev-month-btn"
role="button"
title="上个月 (翻页上键)"
/>
<span
class="ant-calendar-ym-select"
>
<a
class="ant-calendar-year-select"
role="button"
title="选择年份"
>
2000年
</a>
<a
class="ant-calendar-month-select"
role="button"
title="选择月份"
>
一月
</a>
</span>
</div>
</div>
<div
class="ant-calendar-body"
>
<table
cellspacing="0"
class="ant-calendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周一"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周二"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周三"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周四"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周五"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周六"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周日"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody"
>
<tr
class="ant-calendar-active-week"
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-27"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-28"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-29"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-30"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-31"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-selected-day"
role="gridcell"
title="2000-1-1"
>
<div
aria-disabled="false"
aria-selected="true"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-2"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-3"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-4"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-5"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-6"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-7"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-8"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-9"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-10"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-11"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-12"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-13"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
13
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-14"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
14
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-15"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
15
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-16"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
16
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-17"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
17
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-18"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
18
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-19"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
19
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-20"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
20
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-21"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
21
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-22"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
22
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-23"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
23
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-24"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
24
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-25"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
25
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-26"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-27"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-28"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-29"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-30"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-31"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-1"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-2"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-3"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-4"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-5"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-6"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<span
class="ant-calendar-range-middle"
>
~
</span>
<div
class="ant-calendar-range-part ant-calendar-range-right"
>
<div
class="ant-calendar-input-wrap"
>
<div
class="ant-calendar-date-input-wrap"
>
<input
class="ant-calendar-input "
placeholder="结束日期"
value="2000/01/01"
/>
</div>
</div>
<div
style="outline:none;"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative;"
>
<span
class="ant-calendar-ym-select"
>
<a
class="ant-calendar-year-select"
role="button"
title="选择年份"
>
2000年
</a>
<a
class="ant-calendar-month-select"
role="button"
title="选择月份"
>
二月
</a>
</span>
<a
class="ant-calendar-next-month-btn"
title="下个月 (翻页下键)"
/>
<a
class="ant-calendar-next-year-btn"
title="下一年 (Control键加右方向键)"
/>
</div>
</div>
<div
class="ant-calendar-body"
>
<table
cellspacing="0"
class="ant-calendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周一"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周二"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周三"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周四"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周五"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周六"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周日"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody"
>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="2000-1-31"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-1"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-2"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-3"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-4"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-5"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-6"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-7"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-8"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-9"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-10"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-11"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-12"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-13"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
13
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-14"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
14
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-15"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
15
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-16"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
16
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-17"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
17
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-18"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
18
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-19"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
19
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-20"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
20
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-21"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
21
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-22"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
22
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-23"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
23
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-24"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
24
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-25"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
25
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-26"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-27"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-28"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-29"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-1"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-2"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-3"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-4"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-5"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-6"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-7"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-8"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-9"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-10"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-11"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-12"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok"
>
<div
class="ant-calendar-footer-btn"
>
<a
class="ant-calendar-time-picker-btn"
role="button"
>
选择时间
</a>
<a
class="ant-calendar-ok-btn"
role="button"
>
确 定
</a>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`RangePicker switch to corresponding month panel when click presetted ranges 1`] = `
<div>
<div
class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft "
>
<div
class="ant-calendar-time ant-calendar-range-with-ranges ant-calendar ant-calendar-range"
tabindex="0"
>
<div
class="ant-calendar-panel"
>
<div
class="ant-calendar-date-panel"
>
<div
class="ant-calendar-range-part ant-calendar-range-left"
>
<div
class="ant-calendar-input-wrap"
>
<div
class="ant-calendar-date-input-wrap"
>
<input
class="ant-calendar-input "
placeholder="开始日期"
value="2000/01/01"
/>
</div>
</div>
<div
style="outline:none;"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative;"
>
<a
class="ant-calendar-prev-year-btn"
role="button"
title="上一年 (Control键加左方向键)"
/>
<a
class="ant-calendar-prev-month-btn"
role="button"
title="上个月 (翻页上键)"
/>
<span
class="ant-calendar-ym-select"
>
<a
class="ant-calendar-year-select"
role="button"
title="选择年份"
>
2000年
</a>
<a
class="ant-calendar-month-select"
role="button"
title="选择月份"
>
一月
</a>
</span>
</div>
</div>
<div
class="ant-calendar-body"
>
<table
cellspacing="0"
class="ant-calendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周一"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周二"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周三"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周四"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周五"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周六"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周日"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody"
>
<tr
class="ant-calendar-active-week"
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-27"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-28"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-29"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-30"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-31"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-selected-day"
role="gridcell"
title="2000-1-1"
>
<div
aria-disabled="false"
aria-selected="true"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-2"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-3"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-4"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-5"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-6"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-7"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-8"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-9"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-10"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-11"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-12"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-13"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
13
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-14"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
14
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-15"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
15
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-16"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
16
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-17"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
17
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-18"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
18
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-19"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
19
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-20"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
20
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-21"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
21
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-22"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
22
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-23"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
23
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-24"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
24
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-25"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
25
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-26"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-27"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-28"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-29"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-30"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-1-31"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-1"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-2"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-3"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-4"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-5"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-2-6"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<span
class="ant-calendar-range-middle"
>
~
</span>
<div
class="ant-calendar-range-part ant-calendar-range-right"
>
<div
class="ant-calendar-input-wrap"
>
<div
class="ant-calendar-date-input-wrap"
>
<input
class="ant-calendar-input "
placeholder="结束日期"
value="2000/01/01"
/>
</div>
</div>
<div
style="outline:none;"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative;"
>
<span
class="ant-calendar-ym-select"
>
<a
class="ant-calendar-year-select"
role="button"
title="选择年份"
>
2000年
</a>
<a
class="ant-calendar-month-select"
role="button"
title="选择月份"
>
二月
</a>
</span>
<a
class="ant-calendar-next-month-btn"
title="下个月 (翻页下键)"
/>
<a
class="ant-calendar-next-year-btn"
title="下一年 (Control键加右方向键)"
/>
</div>
</div>
<div
class="ant-calendar-body"
>
<table
cellspacing="0"
class="ant-calendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周一"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周二"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周三"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周四"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周五"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周六"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周日"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody"
>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="2000-1-31"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-1"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-2"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-3"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-4"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-5"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-6"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-7"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-8"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-9"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-10"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-11"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-12"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-13"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
13
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-14"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
14
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-15"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
15
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-16"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
16
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-17"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
17
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-18"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
18
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-19"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
19
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-20"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
20
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-21"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
21
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-22"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
22
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-23"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
23
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-24"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
24
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-25"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
25
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-26"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-27"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-28"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000-2-29"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-1"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-2"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-3"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-4"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-5"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-6"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-7"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-8"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-9"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-10"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-11"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000-3-12"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok"
>
<div
class="ant-calendar-range-quick-selector"
>
<a>
My Birthday
</a>
</div>
<div
class="ant-calendar-footer-btn"
>
<a
class="ant-calendar-time-picker-btn"
role="button"
>
选择时间
</a>
<a
class="ant-calendar-ok-btn"
role="button"
>
确 定
</a>
</div>
</div>
</div>
</div>
</div>
</div>
`;