时间日期控件（兼容ie6）

使用方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<link type="text/css" href="jquery-ui-1.8.16.custom.css"

    rel="stylesheet" />

<script  language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>

<script  language="javascript" type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>

<script language="javascript" type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script language="javascript" type="text/javascript" src="jquery.ui.datepicker-zh-CN.js"></script>   

<script type="text/javascript">

 

$(function(){

    $("#time").datetimepicker({

        changeYear : true,

        changeMonth : true,

        showSecond : true,

        timeFormat : 'hh:mm:ss',

        dateFormat : 'yy-mm-dd',

        stepHour : 1,

        stepMinute : 1,

        stepSecond : 1

    });

    });

    </script>

    </head>

    <body>

    <form>

       <input type="text" id="time" />

    </form>

    </body>

</html>

<input type="text" id="onlySelectDate" /></br>

<input type="text" id="onlySelectTime" /></br>

<input type="text" id="selectDateTime" />

$("#onlySelectDate").datepicker({

        changeYear : true,

        changeMonth : true,

        showSecond : true,

        timeFormat : 'hh:mm:ss',

        dateFormat : 'yy-mm-dd' , //加上下面这行禁选当天之前的日期

        minDate:new Date(),  // 加上下面这行禁选当天之后的日期

        maxDate:new Date()

});

只能选取时间

$("#onlySelectTime").timepicker({

        changeYear : true,

        changeMonth : true,

        showSecond : true,

        timeFormat : 'hh:mm:ss',

        dateFormat : 'yy-mm-dd'

});

搜索发现

下载榜观看榜