1989-timeForAndroid
/
timeForHuoDi.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no"/>
<title>时间控件</title>
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="timeForHuoDi.css">
</head>
<body>
<span>时间:</span>
<input type="text" value="" id="showTime" onclick="var sjkj=document.getElementById('sjkj'),showTime=document.getElementById('showTime');sjkj.style.visibility='visible';document.body.style.background='grey';">
<!--时间控件-->
<div class="TFHD_black" ></div>
<div class="TFHD_bigbox" id="sjkj" style="visibility: hidden;">
    <div class="TFHD_titlebox" id="timeValue">
        <span id="year"></span>-<span id="month"></span>-<span id="date"></span>&nbsp;<span id="hours"></span>:<span id="minite"></span>
    </div>
    <!--滑动区域-->
    <div class="TFHD_listbox" >
        <div class="TFHD_markline">
            <div class="TFHD_markline_son TFHD_rLine"><span class="TFHD_R">日</span></div>
            <div class="TFHD_markline_son TFHD_rLine"><span class="TFHD_R">时</span></div>
            <div class="TFHD_markline_son"><span class="TFHD_R">分</span></div>
        </div>
        <div class="TFHD_maincol TFHD_rLine" >
            <table class="TFHD_table">
                <tbody id="m_date">
                </tbody>
            </table>
        </div>
        <div class="TFHD_maincol TFHD_rLine">
            <table class="TFHD_table">
                <tbody id="m_hours">
                </tbody>
            </table>
        </div>
        <div class="TFHD_maincol">
            <table class="TFHD_table">
                <tbody id="m_minite">
                </tbody>
            </table>
        </div>
    </div>
    <!--滑动区域-->
    <div class="TFHD_bottombox">
        <div class="TFHD_confirm" id="TFHD_ok" onclick="sjkj.style.visibility='hidden';showTime.value=document.getElementById('timeValue').innerHTML;document.body.style.background='';">确定</div>
    </div>
</div>
<!--时间控件-->
</body>
<script type="text/javascript" src="timeForHuoDi.js"></script>
</html>