blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity
vant/src/datetime-picker/test/__snapshots__/demo.spec.js.snap
chenjiahan 24c4896a11 test: enable all demo snapshots
2020-11-08 20:30:51 +08:00

1633 lines
85 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-picker van-datetime-picker" minhour="0" maxhour="23" minminute="0" maxminute="59">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">选择年月日</div><button type="button" class="van-picker__confirm">确认</button>
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">2020</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2021</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2022</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2023</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2024</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2025</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">24</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">25</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">26</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">27</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">28</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">29</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">30</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">31</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker van-datetime-picker" minhour="0" maxhour="23" minminute="0" maxminute="59">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">选择年月</div><button type="button" class="van-picker__confirm">确认</button>
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">2020年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2021年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2022年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2023年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2024年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2025年</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12月</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker van-datetime-picker" minhour="0" maxhour="23" minminute="0" maxminute="59">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">选择月日</div><button type="button" class="van-picker__confirm">确认</button>
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12月</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">24日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">25日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">26日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">27日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">28日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">29日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">30日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">31日</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker van-datetime-picker" type="time" mindate="Fri Jan 01 2010 00:00:00 GMT+0800 (GMT+08:00)" maxdate="Tue Dec 31 2030 00:00:00 GMT+0800 (GMT+08:00)">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">选择时间</div><button type="button" class="van-picker__confirm">确认</button>
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<div class="van-picker-column">
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">12</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">00</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">24</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">25</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">26</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">27</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">28</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">29</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">30</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">31</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">32</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">33</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">34</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">35</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">36</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">37</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">38</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">39</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">40</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">41</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">42</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">43</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">44</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">45</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">46</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">47</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">48</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">49</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">50</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">51</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">52</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">53</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">54</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">55</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">56</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">57</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">58</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">59</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker van-datetime-picker" minhour="0" maxhour="23" minminute="0" maxminute="59">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">选择完整时间</div><button type="button" class="van-picker__confirm">确认</button>
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">2020</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2021</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2022</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2023</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2024</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2025</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">24</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">25</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">26</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">27</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">28</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">29</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">30</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">31</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">00</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">00</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">24</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">25</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">26</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">27</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">28</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">29</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">30</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">31</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">32</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">33</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">34</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">35</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">36</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">37</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">38</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">39</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">40</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">41</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">42</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">43</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">44</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">45</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">46</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">47</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">48</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">49</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">50</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">51</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">52</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">53</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">54</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">55</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">56</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">57</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">58</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">59</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker van-datetime-picker" minhour="0" maxhour="23" minminute="0" maxminute="59">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">选择年月日小时</div><button type="button" class="van-picker__confirm">确认</button>
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">2020</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2021</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2022</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2023</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2024</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2025</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">24</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">25</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">26</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">27</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">28</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">29</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">30</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">31</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">00</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker van-datetime-picker" type="time" mindate="Fri Jan 01 2010 00:00:00 GMT+0800 (GMT+08:00)" maxdate="Tue Dec 31 2030 00:00:00 GMT+0800 (GMT+08:00)">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">选项过滤器</div><button type="button" class="van-picker__confirm">确认</button>
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<div class="van-picker-column">
<ul style="transform: translate3d(0, -418px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">00</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">01</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">12</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">00</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">25</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">30</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">35</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">40</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">45</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">50</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">55</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker van-datetime-picker" minhour="0" maxhour="23" minminute="0" maxminute="59">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">自定义列排序</div><button type="button" class="van-picker__confirm">确认</button>
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11月</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12月</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">01日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">02日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">03日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">04日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">05日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">06日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">07日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">08日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">09日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">10日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">11日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">12日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">13日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">14日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">15日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">16日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">17日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">18日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">19日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">20日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">21日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">22日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">23日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">24日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">25日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">26日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">27日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">28日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">29日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">30日</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">31日</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">2020年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2021年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2022年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2023年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2024年</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">2025年</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
<!---->
<!---->
</div>
</div>
`;
Reference in New Issue View Git Blame Copy Permalink