ant-design/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap

2494 lines
93 KiB
Plaintext
Raw Normal View History

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="选择月份">
1月
</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="Sun">
<span
class="ant-calendar-column-header-inner">
Su
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Mon">
<span
class="ant-calendar-column-header-inner">
Mo
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Tue">
<span
class="ant-calendar-column-header-inner">
Tu
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Wed">
<span
class="ant-calendar-column-header-inner">
We
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Thu">
<span
class="ant-calendar-column-header-inner">
Th
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Fri">
<span
class="ant-calendar-column-header-inner">
Fr
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Sat">
<span
class="ant-calendar-column-header-inner">
Sa
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody">
<tr
role="row">
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999-12-26">
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date">
26
</div>
</td>
<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>
</tr>
<tr
role="row">
<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>
<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>
</tr>
<tr
role="row">
<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>
<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>
</tr>
<tr
role="row">
<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>
<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>
</tr>
<tr
role="row">
<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>
<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>
</tr>
<tr
role="row">
<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>
<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>
</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="选择月份">
2月
</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="Sun">
<span
class="ant-calendar-column-header-inner">
Su
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Mon">
<span
class="ant-calendar-column-header-inner">
Mo
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Tue">
<span
class="ant-calendar-column-header-inner">
Tu
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Wed">
<span
class="ant-calendar-column-header-inner">
We
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Thu">
<span
class="ant-calendar-column-header-inner">
Th
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Fri">
<span
class="ant-calendar-column-header-inner">
Fr
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Sat">
<span
class="ant-calendar-column-header-inner">
Sa
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody">
<tr
role="row">
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="2000-1-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="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>
</tr>
<tr
role="row">
<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>
<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>
</tr>
<tr
role="row">
<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>
<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>
</tr>
<tr
role="row">
<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>
<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>
</tr>
<tr
role="row">
<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>
<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>
</tr>
<tr
role="row">
<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>
<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>
</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="选择月份">
1月
</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
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
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
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
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
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
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="选择月份">
2月
</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
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
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
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
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
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
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>
`;