<script type="text/javascript">
    var currTimeObj;

    function showTimeForm(id) {
        $('#timeDiv').show();
        $('#fadeshow_timeDiv').show();
        currTimeObj = id;
    }
    function hideTimeForm()
    {
        $("#timeDiv").hide();
        $("#fadeshow_timeDiv").hide();
    }

    function confirmTime() {
        //alert($("#timeForm_hour").val()+":"+$("#timeForm_minute").val()+":00");
        $("#" + currTimeObj).val("" + $("#timeForm_hour").val() + ":" + $("#timeForm_minute").val() + ":00");
        hideTimeForm();
    }
</script>
<style type="text/css">
    .div_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1010;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .div_content {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        width: 250px;
        margin-left:-140px;
        height: 60px;
        margin-top:-80px;
        padding: 0;
        border: 2px solid #3777BC;
        background-color: #ffffff;
        _position:absolute;
        z-index:1011;
        overflow: hidden;
    }

</style>
<div id="timeDiv" class="div_content">
    <div style="width:100%;font-weight:bold;background: #eeeeee;">选择时间<span style="float:right;text-align:right;"><a href="javascript:hideTimeForm();">关闭</a></span></div>
    <div >
        <span style="font-size:12px;">清选择时间:</span>
        <select id="timeForm_hour">
            <?php for ($i = 0; $i < 24; $i++) { ?>
                <option value="<?= str_pad($i, 2, "0", STR_PAD_LEFT) ?>"><?= str_pad($i, 2, "0", STR_PAD_LEFT) ?></option>
            <?php } ?>
        </select>
        <select id="timeForm_minute">
            <?php for ($i = 0; $i < 60; $i++) { ?>
                <option value="<?= str_pad($i, 2, "0", STR_PAD_LEFT) ?>"><?= str_pad($i, 2, "0", STR_PAD_LEFT) ?></option>
            <?php } ?>
        </select>
        <a href="javascript:confirmTime();">确认选择</a>
    </div>
    <br/>
</div>
<div id="fadeshow_timeDiv" class="div_overlay"></div>
