mobile.datepicker
/
demo.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <title></title>
    <link href="mobile.datepicker.css" rel="stylesheet" />
</head>
<body>
<div class="datepicker-cover"></div>
<div class="datepicker">
    <div class="date-head">
        <i class="datepicker-icon"></i>
        <span class="datepicker-picked">00-00-00</span>
    </div>
    <div class="date-wrap">
        <div class="year-wrap">
            <ul class="year" data-type="year">
            </ul>
        </div>
        <div class="month-wrap">
            <ul class="month" data-type="month">
                <li data-month="01">1</li>
                <li data-month="02">2</li>
                <li data-month="03">3</li>
                <li data-month="04">4</li>
                <li data-month="05">5</li>
                <li data-month="06">6</li>
                <li data-month="07">7</li>
                <li data-month="08">8</li>
                <li data-month="09">9</li>
                <li data-month="10">10</li>
                <li data-month="11">11</li>
                <li data-month="12">12</li>
            </ul>
        </div>
        <div class="day-wrap">
            <ul class="day" data-type="day">
                <li data-day="01">1</li>
                <li data-day="02">2</li>
                <li data-day="03">3</li>
                <li data-day="04">4</li>
                <li data-day="05">5</li>
                <li data-day="06">6</li>
                <li data-day="07">7</li>
                <li data-day="08">8</li>
                <li data-day="09">9</li>
                <li data-day="10">10</li>
                <li data-day="11">11</li>
                <li data-day="12">12</li>
                <li data-day="13">13</li>
                <li data-day="14">14</li>
                <li data-day="15">15</li>
                <li data-day="16">16</li>
                <li data-day="17">17</li>
                <li data-day="18">18</li>
                <li data-day="19">19</li>
                <li data-day="20">20</li>
                <li data-day="21">21</li>
                <li data-day="22">22</li>
                <li data-day="23">23</li>
                <li data-day="24">24</li>
                <li data-day="25">25</li>
                <li data-day="26">26</li>
                <li data-day="27">27</li>
                <li data-day="28">28</li>
            </ul>
        </div>
    </div>
    <div class="date-foot">
        <div class="datepicker-confirm" data-ac="active">确定</div>
    </div>
</div>

<input type="text" data-datepicker="" />
<script src="zepto.min.js"></script>
<script src="mobile.datepicker.js"></script>
<script>


</script>

</body>
</html>